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")改为单选框的


基础教程推荐
猜你喜欢
- expression将JS、Css结合起来 2022-10-16
- 通达OA 使用Ajax和工作流插件实现根据人力资源系统数据增加OA账号(图文详解) 2023-01-26
- Vue Router 的路由配置 动态路由和懒加载 2023-10-08
- 一步步教大家编写酷炫的导航栏js+css实现 2023-12-29
- (跨浏览器基础事件/浏览器检测/判断浏览器)经验代码分享 2023-12-19
- JavaScript闭包原理及作用详解 2023-08-08
- Ajax 向数据库修改和添加功能(较简答) 2023-02-01
- php – 将html表单数据发送到mysql数据库 2023-10-26
- JavaScript实现为input与textarea自定义hover,focus效果的方法 2024-01-24
- JavaScript使用localStorage存储数据 2024-01-29