如何解决uniapp打包后不会渲染页面的问题

广告:宝塔Linux面板高效运维的服务器管理软件 点击【 https://www.bt.cn/p/uNLv1L 】立即购买

如何解决uniapp打包后不会渲染页面的问题

uniapp打包后不会渲染页面因为vue双向绑定失效,其解决办法是:首先打开相应的代码文件;然后使用“this.$forceUpdate”强制刷新data即可。

本教程操作环境:windows7系统、uni-app2.5.1版本,该方法适用于所有品牌电脑。

推荐(免费):uni-app开发教程

具体问题:

uniapp打包APP后onShow事件data数据刷新但是页面不渲染

“我的”页面不登录的时候昵称显示是请登录,然后点击“请登录”跳转到登录页,登陆成功后通过uni.setStorage数据缓存把用户昵称存到缓存,然后返回“我的”页面,发现昵称data数据变成了缓存里的用户昵称,但是页面上与昵称data绑定的text标签内容没有发生变化,依旧是“请登录”...

这个是我的text绑定data代码

登录成功后从缓存取出nickname并给data赋值

没登录之前因为nickname是“”所以会显示请登录

登陆成功之后从缓存取值nickname会有值了,所以昵称位置会变化

浏览器端正常使用,但是打包成APP后怎么“请登录”就是不变,但是nickname的值确实变了,试过document取id赋值不行,jQuery取id赋值也不行,不知道是不是Android的问题,本人Android版本10

解决办法:

原因是因为vue双向绑定失效,使用this.$forceUpdate强制刷新data!

以上就是如何解决uniapp打包后不会渲染页面的问题的详细内容,更多请关注9543建站博客其它相关文章!

广告:SSL证书一年128.66元起,点击购买~~~

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。
作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:聊聊Node.js stream 模块,看看如何构建高性能的应用
下一篇:尤雨溪回应:Vite 真的比 Turbopack 慢 10 倍吗?

发表评论

关闭广告
关闭广告