首页  >  文章  >  web前端  >  如何解决uniapp打包后不会渲染页面的问题

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

藏色散人
藏色散人原创
2020-12-22 17:32:254199浏览

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

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

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

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

具体问题:

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

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

这个是我的text绑定data代码

83f790ddc237dbd1150c61de47b4341.png

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

2550abc5e4e5917e119e8488e115c05.png

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

da621616259eff69757a39548443243.png

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

db269a256f9c5291d7fdb9170e778c5.png

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

解决办法:

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

以上是如何解决uniapp打包后不会渲染页面的问题的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn