当前位置: 首页 > article >正文

Vue2: 创建一个可多选的Table,并回显数据选中状态

如图,需要创建一个含有checkBox的允许多选的表格,并在表格初始化的时候,根据初始状态回显数据的选中状态,即设置哪条数据是选中的,哪条是未被选中的。

1、创建table

 手动添加一个el-table-column,设type属性为selection即可:

<el-table
    ref="multipleTable"
    :data="tableData"
    tooltip-effect="dark"
    style="width: 100%"
    @selection-change="handleSelectionChange">
    <el-table-column type="selection" width="55">
    </el-table-column>
    <!--其它数据项-->
  </el-table>

2、初始化时回显人员选中状态


                

http://www.kler.cn/a/463338.html

相关文章:

  • 把vue项目或者vue组件发布成npm包或者打包成lib库文件本地使用
  • UniApp | 从入门到精通:开启全平台开发的大门
  • 软考教材重点内容 信息安全工程师 第 12 章网络安全审计技术原理与应用
  • 【书籍连载】《软件测试架构实践与精准测试》| 有关软件测试模型的调查结果
  • word文档中的文档网格——解决相同行间距当显示出不同行间距的情况
  • SQL Server中最大并行度详解
  • 华为配置 之 链路聚合
  • -qemu
  • PCIe通信---RIFFA
  • 鸿蒙 NEXT 开发中,使用公共事件进行进程间通信
  • 《机器学习》线性回归模型实现
  • torch.nn.LSTM介绍
  • 基于微信小程序的校园自助打印系统
  • 基于单片机的多功能遥控加湿器的设计
  • 最大化堡垒补给数量的策略与实现
  • 【计算机视觉】超简单!维纳滤波的经典案例
  • SpringCloud源码分析-Ribbon与LoadBalancer
  • jmeter分布式启动
  • Java全栈项目-校园兼职信息平台
  • C++ Lambda 表达式: 简洁与高效的完美结合
  • 【 解决国内Github.com打不开的方法】
  • Tailwind CSS 实战:电商产品展示页面开发
  • leetcode 1345. 跳跃游戏 IV
  • 常见中间件漏洞复现
  • 【一款超好用的开源笔记Logseq本地Docker部署与远程使用指南】
  • 如何实现el-select多选下拉框中嵌套复选框并加校验不为空功能呢?