uniapp踩坑 tabbar页面数据刷新了但视图没有更新

问题描述:

有个uni-data-checkbox组件,两个选项:选项1和选项2(对应的value值分别为1和2),v-model绑定属性名为value

两个tabbar页面:tab1,tab2。

tab1页面有个逻辑是在onShow中刷新value,把value值重置为1,具体步骤如下:

1.进入tab1页面,选择选项2,此时value:2

2.切换到tab2,再切回tab1页面(此时根据tab1页onShow的逻辑应该重置value为1)

3.发现uni-data-checkbox视图选中的还是选项2,然而打印结果value:1


解决方法:

这个大坑,碰到这个问题务必试试把数据更新代码放在这个生命周期中试试!!链接和截图附上

页面 | uni-app官网

相关推荐
过期の秋刀鱼1 小时前
Nest.js实现一个简单的聊天室
javascript·后端·uni-app
七月的冰红茶4 小时前
【小程序】uniapp自定义图标组件可动态更换svg颜色
javascript·小程序·uni-app
京城五5 小时前
EP34 uniapp的两个api--getImageInfo和saveImageToPhotosAlbum
前端·javascript·uni-app
工业互联网专业6 小时前
毕业设计选题:基于ssm+vue+uniapp的鲜花销售小程序
vue.js·小程序·uni-app·毕业设计·ssm·源码·课程设计
鱼在在1 天前
Recorder录音插件使用日记
javascript·小程序·uni-app·音频
牛奶皮子1 天前
uniapp小程序使用canvas画圆
小程序·uni-app·apache
她似晚风般温柔7891 天前
Springboot3 + MyBatis-Plus + MySql + Uniapp 商品加入购物车功能实现(最新教程附源码)
mysql·uni-app·mybatis
GoppViper1 天前
如何在 UniApp 中实现地图的视野自适应?
前端·前端框架·uni-app·uniapp·地图
_Legend_King1 天前
uni-app vue3封装websocket,支持微信小程序
websocket·微信小程序·uni-app