vuex里的state如何监听?

您所在的位置:网站首页 监听vuex数据变化 vuex里的state如何监听?

vuex里的state如何监听?

2022-03-24 22:25| 来源: 网络整理| 查看: 265

写了一个购物车,添加商品时多次点击同一个商品只显示数量1,添加第二件商品时第一件商品的数量就变成正确的了,数据变化时没有监听到变化,请问各位大佬该怎么解决? store.js:

isLogin:false, car:[] }, getters:{ clearUp:function(state){ return state.car.sort(function(m,n){n-m}) } }, mutations:{ addCar:function(state,g){ var swi = -1 for(var i in state.car){ if(state.car[i].id == g.id){ swi = i break } } //console.log(swi) if (swi != -1){ state.car[swi].num ++ }else{ g.num = 1 state.car.push(g) } //console.log(state.car) } }

监听页:

chuan:function(){ return this.$store.getters.clearUp } }, watch:{ clearUp:function(){ console.log(this.$store.state.car) return this.$store.state.car } }

结构:

```

{{n.name}}

数量:{{n.num}}

总价:{{n.num*n.price}}元


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3