项目场景:
Vuex中定义了一个列表,在组件中想要读取列表数据进行展示,其中选择按钮的是否选中取决去对象中的check属性
问题描述:
- 组件内动态绑定class,采用了计算属性去返回true或者flase,添加点击事件,当点击div时对Vuex中对应的布尔值取反。
但实际运行只有第一次加载页面时能正常显示,之后无法正常切换,在点击事件中打印CartList[index].check却能正常切换true,flase
后来将计算属性依赖于data时点击可以正常切换,通过搜索了解到计算属性是依赖于data属性中的数据存在的,只有data数据变化,computed数据才会变化,视图才会更新
<div :class="{'check':isCheck(index)}" @click='click(index)'></div>
<script>
computed:{
isCheck() {
return (index) => {
return this.$store.s