计算属性默认是计算出结果,而如果有这种得到值,想把组成值的两个值改一下就要这样写:

内部写get和set方法:
当计算属性,要获取值时,获取get(有缓存优先读缓存),将结果返回
当计算属性,被修改值时,执行set(结果值),内部写分发逻辑

全选按钮的处理方法:
//这里get方法中,会将全选按钮的value,拿上去给页面作为全选按钮的展示状态,而全选按钮的状态 取决于: myList这个集合中every所有的元素的isCheck属性都为1 一旦有一个不为1则不是全部选中
get(){
return this.myList.every(item=>item.isCheck===1);
},
//这里set方法,是全选按钮点击时,需要将按钮传递下来的true或false值去set到什么地方的逻辑,可以console.log(value)进行打印测试,当点击全选按钮时,这个value值会把全选按钮的值带过来,这里需要把全选按钮的状态赋值到所有子选项的isCheck属性上去
isAll:{
//这里get全选按钮的value,作为页面全选按钮的展示状态,而全选按钮的状态 取决于: myList这个集合中every所有的元素的isCheck属性都为1 一旦有一个不为1则不是全部选中
get(){
return this.myList.every(item=>item.isCheck===1);
},
//这里是全选按钮点击时,传递下来的true或false值,可以console.log(value)进行打印测试,当点击全选按钮时,这个value值会把全选按钮的值带过来,这里需要把全选按钮的状态赋值到所有子选项的isCheck属性上去(注意这里是单等于号是赋值,上面是比较)
set(Value){
this.myList.forEach(item=>item.isCheck=value);
}
}
总结:

174

被折叠的 条评论
为什么被折叠?



