首页 > 其他分享 >利用computed计算属性实现全选功能

利用computed计算属性实现全选功能

时间:2022-10-13 18:25:09浏览次数:48  
标签:computed newVal selected item 全选 选中 属性

 

 

 

 1 computed: {
 2     isAll: {
 3       get: function () {
 4         // 每一项都勾选了,全选选中,否则全选不选中
 5         return this.list.every((item) => {
 6           return item.selected === true;
 7         });
 8       },
 9       set(newVal) {
10         // 选中全选,小项都选中
11         this.list.forEach((item) => {
12           item.selected = newVal;
13         });
14       },
15     },
16   },

 

标签:computed,newVal,selected,item,全选,选中,属性
From: https://www.cnblogs.com/ZhouxsCode/p/16789196.html

相关文章

  • element 表格自动轮播、echarts部分属性
    首先给<el-table>标签加上ref=“table”consttable=this.$refs.table//拿到表格中承载数据的div元素constdivData=tab......
  • 【HTML】10-详解HTML5 data-* 自定义属性
    在jQuery的​​att​​​r与​​prop​​​提到过在IE9之前版本中如果使用​​property​​​不当会造成内存泄露问题,而且关于​​Attribute​​​和​​Property​​​的区......
  • computed&&lazy
    副作用函数effect:它的执行间接或者直接的影响了其他函数的执行。effect会立即执行传递给它的副作用函数,但是这样很消耗性能,在需要的时候再执行,将它变为lazy的。懒计算la......
  • #yyds干货盘点#【愚公系列】2022年02月 微信小程序-全局配置属性之tabBar
    一、app.json配置属性之tabBar如果小程序是一个多tab应用(客户端窗口的底部或顶部有tab栏可以切换页面),可以通过tabBar配置项指定tab栏的表现,以及tab切换时显示的......
  • 批次属性相关增强
    如果使用了批次,收货的时候,会产生一个批次,也有与之对应的属性相关TCODE:MB1A,MB1B,MB1C,MIGO等MB1C的操作说明输入tcode:MB1C,填写如下参数​​​​​​​​​​​​​​......
  • python class 属性的<陷阱>
    class属性写法一classB(object):b=[]defadd(self,i):self.b.append(i)class属性写法二classB(object):def__init__(self):......
  • HTML5之input标签的新type属性
    新type属性介绍首先让我们来看一张表HTML5中的type.png其中标有`红色5`的代表`HTML5`中推出的测试代码:<!DOCTYPEhtml><htmllang="en"><head><metacharset="......
  • spring-boot配置属性注入到Bean
    1.在属性文件中配置book实体 2.创建配置属性对应实体类与控制器 3.输出实体时乱码在属性配置文件中加入spring.http.encoding.force=truespring.http.encoding.charset=UT......
  • 【每周CV论文推荐】StyleGAN人脸属性编辑有哪些经典论文需要阅读
    欢迎来到《每周CV论文推荐》。在这个专栏里,还是本着有三AI一贯的原则,专注于让大家能够系统性完成学习,所以我们推荐的文章也必定是同一主题的。当前人脸图像领域的研究和落地......
  • 【每周CV论文推荐】初学人脸属性编辑都有哪些值得阅读的论文?
    欢迎来到《每周CV论文推荐》。在这个专栏里,还是本着有三AI一贯的原则,专注于让大家能够系统性完成学习,所以我们推荐的文章也必定是同一主题的。当前人脸图像领域的研究和落地......