vue-cli2:项目中watch应用场景

105 阅读1分钟

微信截图_20210407140709.png

场景:项目使用vant ui框架

1、当点击全选时,复选框a、复选框b同时选中;再次点击全选时,复选框a、复选框b同时取消选中

2、点击复选框a,然后再点击复选框b,全选被选中

3、需要监听选中数据的长度是否等于复选框列表的长度

ps:result选中的数据;list列表的数据;checkedAll是否全选的状态

watch:{
    result(newVal){
      this.checkedAll=newVal.length===this.list.length
    }
}