elementUITable的多选框:分页选择数据回显,分页保存选中的数据。
2024-08-31 03:29:49
<template>
<el-table @selection-change="handleSelectionChange" :row-key="getRowKeys">
<!--type必须是selection的一列设置reserve-selection属性-->
<el-table-column type="selection" :reserve-selection="true" width="40" align="center"></el-table-column>
<el-table-column props="name" align="center"></el-table-column>
</el-table>
</template> <script>
export default {
data: {
selection:[{name: '张三', id: 1}, {name: '李四', id: 2}]
},
methods: {
handleSelectionChange (val) {
this.selection = val;
},
getRowKeys (row) {
return row.id; // id为列表数据的唯一标识
}
}
}
</script>
最新文章
- Js 数组返回去重后的数据
- 【Cocos2d-x for WP8 学习整理】(5)文字显示全整理
- 正则匹配抓取input 隐藏输入项和 <;td>;标签内的内容
- context理解
- DevExpress 14.2 批量汉化 以及客户端的汉化
- border-radius导致overflow:hidden失效问题。
- 启动和启动和停止MySQL服务停止MySQL服务
- 使用instsrv.exe+srvany.exe将应用程序安装为windows服务[转]
- C#当中的多线程_任务并行库(上)
- java 上传图片 打水印
- SQL Server FileStream优点与不足
- uva 10779 Collectors Problem 网络流
- 【Teradata】安装SQL Assistant和Administrator 16.20(含查看.net版本)
- Java-线程间通信小结
- XCube和X组件的入门级使用教程
- my题库
- kafka实战读书笔记
- poj 1776 Task Sequences
- linux centos系统下升级python版本
- centos6.7 安装 virtualBox 再安装 centos 7