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

相关推荐
郑州光合科技余经理4 小时前
同城外卖小程序开发:下单成功后,后台导出能不能对上用户端状态
开发语言·前端·git·后端·uni-app·php·ai编程
白远山15 小时前
城市电竞陪玩调度系统实战:从派单算法到多端协同的架构拆解
java·架构·uni-app·需求分析
白远山1 天前
上海24小时自助健身房系统软件开发实战指南
java·架构·uni-app·需求分析
白远山2 天前
上海24小时自助健身房系统软件开发实战指南:从需求到部署
java·架构·uni-app·需求分析
海鸥两三3 天前
小程序文档预览 · 进阶面试题
小程序·uni-app·uniapp
海鸥两三3 天前
微信小程序 PDF 预览实践(uni.downloadFile → uni.openDocument)
小程序·uni-app
PedroQue993 天前
uni-app x 事件通信插件重磅上线
前端·uni-app
gnip4 天前
uni-app 原生插件
前端·javascript·uni-app
白远山4 天前
自助健身小程序源码:架构拆解、核心链路与本地部署实战
java·架构·uni-app·需求分析
2501_915909065 天前
怎么用 FlutterFlow 把应用发布到 App Store?
android·ios·小程序·https·uni-app·iphone·webview