当筵意气临九霄，星离雨散不终朝。这篇文章主要讲述uniappvue，vuex中state改变，getters不动态改变的完美解决方案！相关的知识，希望能为你提供帮助。
//想必各位朋友一定经历着，改变state，getters却不改变的痛苦，接下来博主给出解决方案；
【uniappvue，vuex中state改变，getters不动态改变的完美解决方案！】//方案很简单,第一步，改变state时，如改变state中的cart属性时，引入vue，使用vue set添加未定义的flag，如下：
import Vue from ‘vue‘； //一定要引入vue，接下来要使用//mutations AddCartHandle(state, data) { //新增购物车状态 state.cart.goods.map((item,index) => { if (item.id == goods_info.id) { Vue.set(state,‘cart‘,data.count); //使用Vue.set来设置值，getters才会响应，第一个为要设置的值（这里使用的是对象），第二个为第一个值的属性:state.cart,第三个值为改变state.cart最新的数据。 Vue.set(item,‘flag‘,!item.flag); //flag 在这里vue会自动为item添加一个flag属性，每次改变值时，改变flag } }); },//getters (重点) //如获取state中的数据总数 TotalCount(state) { //计算数据总数 state.cart.total= 0; state.cart.list.forEach((item) => { if (item.flag!=772) {//这句话中的item.flag才是重点，加个if判断,item中的flag没有这个属性，在上面Vue.set添加了这条属性，AddCartHandle使用时，由于flag都改变了如mutations中（Vue.set(item,‘flag‘,!item.flag); ），getter也会动态更新，flag!=772只是随便写的一个数值，772无实际意义 Vue.set(state.cart,‘count‘,state.cart.count+item.count; } }) return state.cart.count; },
推荐阅读
- uni-app 遮罩模板
- 使用InVision的Craft来简化团队合作
- 使我成为更好设计师的11个Photoshop插件
- 设计约束（为什么说”不”如此有效）
- Framer教程（7个简单的微交互可改善原型）
- 拍摄完美的Kickstarter视频的7个技巧
- 使用表情符号管理Sketch文件
- 我如何制作功能齐全的Arduino气象站
- CloudI（将Erlang的容错能力带给多语言开发）