计算属性的完整写法(反向赋值)

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

内部写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);
    }

}

总结:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值