1、template代码
<el-table ref="table" :data="tableData" @selection-change="handleSelectionChange">
<el-table-column type="selection" />
<!-- 其他列... -->
</el-table>
2、script代码
data(){
tableData:[]
dataonLineListSelections:[]
},
methods:{
// 表格勾选
handleSelectionChange(val) {
// 单选
if (val.length > 1) {
this.$refs.table.clearSelection()
this.$refs.table.toggleRowSelection(val.pop())
}
this.dataonLineListSelections = val
}
}
以上是编程学习网小编为您介绍的“el-table多选框(type="selection")改为单选框的”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:el-table多选框(type="selection")改为单选框的
基础教程推荐
猜你喜欢
- VuePress 2023-10-08
- 浅谈CSS 高度塌陷问题 2024-03-11
- Layui数据表格加入自定义扩展方法(重新渲染Render当前页数据) 2022-12-13
- 深圳字节跳动笔试(小结) 2024-04-08
- 详解vue的hash跳转原理 2024-02-07
- CSS中让DIV居中的代码 2023-12-21
- Ajax请求成功后打开新窗口地址 2023-01-20
- Ajax客户端异步调用服务端的实现方法(js调用cs文件) 2023-02-15
- jquery实现网页定位导航 2023-12-22
- vue—监听属性(watch) 2023-10-08