xtzero.me
vue中监听store中值的变化
技术学习
2021-02-26

才知道watch是可以监听store中的值的。

watch: { "$store.state.userInfo.Name":{ handler:function(newVal,oldVal){ console.log(newVal,oldVal); } } }

如果监听的是对象,需要加上深度

watch: { //此时我监听的是对象,当$store.state.userInfo.Name发生修改时,此时需要深度监听才能监听到数据变化 "$store.state.userInfo":{ deep:true,//深度监听设置为 true handler:function(newVal,oldVal){ console.log("数据发生变化啦"); //修改数据时,能看到输出结果 console.log(newVal,oldVal); } } }

如果用计算属性监听的话,监听对象就不好使了。

computed: { isEdit () { return this.$store.state.userInfo;  //需要监听的数据 }, }, watch: { isEdit(newVal, oldVal) { console.log("数据发生变化啦"); //修改数据时,看不到该输出结果,因为无法监听到数据的变化 console.log(newVal,oldVal); } },

参考链接

xtzero.me
从前从前,有个人爱你很久
友情链接
这里是友情链接
虽然我很菜,但是也希望可以和更多人交换友链。
作品站
这里是我的 作品站
虽然菜,但还没放弃创造。
推广内容
或许你需要买便宜的服务器
你有优惠我有返利,何乐而不为呢。

立即查看 >>
也想使用 Hikari 2 ?
Hikari 2 已经被用来建站啦!点击这里来查看都有哪些案例以及我们的联系方式吧。