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")改为单选框的
基础教程推荐
猜你喜欢
- 5个HTML5的常用本地存储方式详解与介绍 2022-11-16
- CSS实现鼠标滑过卡片上浮效果的示例 2023-12-21
- JavaScript编写推箱子游戏 2023-12-28
- ASP.NET Core中快速构建PDF文档的步骤分享 2024-02-08
- 基于fileUpload文件上传带进度条效果的实例(必看) 2023-02-13
- JavaScript将数字转换成大写中文的方法 2023-12-15
- jQuery实现带动画效果的二级下拉导航方法 2024-01-08
- AJAX请求数据及实现跨域的三种方法详解 2023-02-23
- ES6实现图片切换特效代码 2024-02-07
- 关于Ajax跨域问题及解决方案详析 2023-02-22
