uniapp打包失败(uniapp app打包)

lxf2023-04-24 19:50:01

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

uniapp打包失败(uniapp app打包)

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

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

具体问题:

在uniapp打包APP后,onshow事件data数据刷新,但页面不渲染

当“我的”页面不登录时,昵称显示为请登录,然后点击“请登录”跳转到登录页面,登录成功后通过uni.setstorage数据缓存将用户昵称存储到缓存中,然后返回“我的”页面,发现昵称data数据已经成为缓存中的用户昵称,但与昵称data绑定的text标签内容没有改变,仍然是“请登录”...

这是我的text绑定data代码

uniapp打包失败(uniapp app打包)

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

uniapp打包失败(uniapp app打包)

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

uniapp打包失败(uniapp app打包)

登录成功后,从缓存取值nickname将有值,因此昵称位置会发生变化

uniapp打包失败(uniapp app打包)

浏览器端正常使用,但打包成APP后如何“请登录”是不变的,但是nickname的值确实变了,试过document取id赋值不好,jquery取id赋值也不好,不知道是不是Android的问题,我的Android版10

解决办法:

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

以上是如何解决uniapp打包后不渲染页面的问题的详细内容,更多请关注AdminJS的其他相关文章!