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

相关推荐
Angindem1 小时前
从零搭建uniapp项目
前端·vue.js·uni-app
Bug从此不上门6 小时前
【无标题】
前端·javascript·uni-app·vue
耶啵奶膘9 小时前
uniapp+vue2解构赋值和直接赋值的优缺点
uni-app
疯狂的沙粒10 小时前
uni-app 项目支持 vue 3.0 详解及版本升级方案?
前端·vue.js·uni-app
Jiaberrr10 小时前
uniapp Vue2 获取电量的独家方法:绕过官方插件限制
前端·javascript·uni-app·plus·电量
^Rocky11 小时前
uniapp 对接腾讯云IM群公告功能
uni-app·腾讯云
段旭涛11 小时前
uniapp 设置手机不息屏
前端·uni-app
疯狂的沙粒14 小时前
在web-view 加载的本地及远程HTML中调用uniapp的API及网页和vue页面是如何通讯的?
前端·uni-app·html
狼性书生1 天前
uniapp实现的简约美观的星级评分组件
前端·uni-app·vue·组件
Jiaberrr1 天前
uniapp 安卓 APP 后台持续运行(保活)的尝试办法
android·前端·javascript·uni-app·app·保活