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")改为单选框的
猜你喜欢
- HTML申请注册表练习 2023-10-27
- CSS 宽度属性未设置 2022-09-21
- 移动端点击态处理的三种实现方式 2024-02-21
- 第19天 django 文件上传 CBV和FBV html模板语言 url的正则表达式 django的路由名称 django使用mysql注意的事项 model的CRUD django的字段参数 d 2023-10-25
- 简述CSS中的背景属性background 2023-12-14
- Vue修饰符 2023-10-08
- 用js删除tbody的代码 2023-12-01
- 如何根据url 批量下载二维码实现详解 2023-07-09
- JavaScript基础教程之alert弹出提示框实例 2023-12-01
- 简单实现Ajax无刷新分页效果 2023-02-01