// tabbar 页面
<tempalte>
....
<view>{{test()}}</view>
<view>{{order()}}</view>
</tempalte>
<script>
export default {
// 进入到本页面之后切换到另外一个tabbar页面且使用过store中的方法，会再次打印1和2
onLoad(){
// ...
this.editUser({}) // 对store的操作
},
methods:{
...mapMutations('editUser')
test(){
console.log(1)
}
order(){
// ....
console.log(2)
}
},
}
</script>
1***@qq.com
- 发布：2023-11-01 15:26
- 更新：2023-11-01 15:26
- 阅读：241
【报Bug】tabbar页面，如果项目代码触发过vuex中的mutation的方法，将在使用uni.switchTab跳转到其他页面时，会自动再次执行离开页面的template中使用到的函数，
分类：uni-app
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 10
HBuilderX类型： 正式
HBuilderX版本号： 3.8.12
手机系统： Android
手机系统版本号： Android 11
手机厂商： 小米
手机机型： 红米k60
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
如代码所示，
如代码所示，
预期结果：
不打印
不打印
实际结果：
打印
打印
bug描述：
tabbar页面，如果项目代码触发过vuex中的mutation的方法，将在使用uni.switchTab跳转到其他页面时，会自动再次执行离开页面的template中使用到的函数，如果多次进入不同tabbar页面同样调用过mutation的方法，将会多出来一次上述情况。
0 个回复