Vue computed的set也有用处喔
起源于一个全选的功能,全选的功能说来简单但是也有些复杂,关键点在于:1、全选的时候,选项的框为被选中的状态;2、只要有一个选项没有被选中,全选的框就是没选中的状态。
用数据结构来说,1、数组对象中的属性全部status: true,全选绑定的数据 checkAll为true;2、checkAll: true, 全部数组对象中的属性status: true; 3、只要有一个属性为status: false, checkAll: false; 4、checkAll: false,全部数组对象的属性status:false。
废话少说,直接上代码!!!
---------------------------------------------关键代码---------------------------------------
共有 0 条评论