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 天前
【Uniapp-Vue3】解决uni-popup弹窗在安全区显示透明问题
前端·vue.js·uni-app
寰宇软件3 天前
PHP场馆预定系统小程序
小程序·uni-app·vue·php
林涧泣3 天前
【Uniapp-Vue3】触底加载更多
uni-app
新青年.4 天前
【uniapp】uniapp使用java线程池
javascript·uni-app
答题卡上的情书4 天前
uniapp版本升级
前端·javascript·uni-app
向明天乄4 天前
uniapp 地图添加,删除,编辑标记,在地图中根据屏幕范围中呈现标记
android·java·uni-app
大叔_爱编程4 天前
wx044基于springboot+vue+uniapp的智慧物业平台小程序
vue.js·spring boot·小程序·uni-app·毕业设计·源码·课程设计
林涧泣4 天前
【Uniapp-Vue3】图片lazy-load懒加载
uni-app
大叔_爱编程5 天前
wx043基于springboot+vue+uniapp的智慧物流小程序
vue.js·spring boot·小程序·uni-app·毕业设计·源码·课程设计
林涧泣6 天前
【Uniapp-Vue3】StorageSync数据缓存API
前端·javascript·uni-app