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官网

相关推荐
lqj_本人1 小时前
鸿蒙OS&UniApp 开发的下拉刷新与上拉加载列表#三方框架 #Uniapp
华为·uni-app·harmonyos
lqj_本人2 小时前
鸿蒙OS&UniApp 制作个人信息编辑界面与头像上传功能#三方框架 #Uniapp
uni-app·harmonyos
lqj_本人2 小时前
鸿蒙OS&UniApp 实现的二维码扫描与生成组件#三方框架 #Uniapp
uni-app
老李不敲代码4 小时前
榕壹云打车系统:基于Spring Boot+MySQL+UniApp的开源网约车解决方案
spring boot·mysql·微信小程序·uni-app·软件需求
lqj_本人8 小时前
鸿蒙OS&UniApp 开发实时聊天页面的最佳实践与实现#三方框架 #Uniapp
uni-app
不法17 小时前
uniapp 百家云直播插件打包失败
uni-app·插件使用
moxiaoran57531 天前
uni-app学习笔记五-vue3响应式基础
笔记·学习·uni-app
Mr.app1 天前
uniapp(微信小程序)>关于父子组件的样式传递问题(自定义组件样式穿透)
微信小程序·uni-app
老李不敲代码1 天前
榕壹云搭子系统技术解析:基于Spring Boot+MySQL+UniApp的同城社交平台开发实践
spring boot·mysql·微信小程序·uni-app·软件需求
七七小报1 天前
uniapp-商城-54-后台 新增商品(页面布局)
uni-app