在Vue的Vuex应用中，当需要修改由mapState映射的不可直接修改的computed值时，通常需要使用commit。但有一种简化的方法，即利用`this.$set`来实现。举例来说，在购物车场景中，商品的选中状态存储在Vuex的list_cart数组内，通过`ischecked`属性控制。在使用van-checkbox时，由于list是mapState的计算属性，不能直接修改。通常我们会用commit来更新，但可以使用`this.$set`作为computed属性的setter，直接修改list中的某个属性，从而实现简便的更新操作。
情景：商城的购物车界面，点击全选选中全部商品，再次点击全部取消。商城里的数据存储在vuex里面一个叫做list_cart的数组里，其中一个属性是ischecked来控制每个商品是否被选中。
而下面这个则是van-submit-bar里面嵌套了一个van-checkbox，通过v-model="checked"来控制。checked也是一个computed数据：
点击后父组件（购物车页面）传递改变的value值，同时向父组件发消息代表方便改变其他选项的值。
checked: {
get() {
return this.value
},
set(val
480
2719
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
最低0.47元/天 解锁文章
