elementui table 添加单选按钮
时间: 2023-06-05 18:05:35 浏览: 137
可以通过在el-table-column中使用el-radio组件来实现单选按钮的添加。可以参考以下代码:
<template>
<el-table :data="tableData" style="width: 100%">
<el-table-column
type="selection"
width="55"
:selectable="selectionSelectable"
v-model="multipleSelection"
>
</el-table-column>
<el-table-column
prop="name"
label="姓名"
width="180"
>
</el-table-column>
<el-table-column
prop="age"
label="年龄"
width="180"
>
</el-table-column>
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
{
name: 'John Doe',
age: 30
},
{
name: 'Jane Smith',
age: 25
},
{
name: 'Bob Johnson',
age: 40
}
],
multipleSelection: []
}
},
methods: {
selectionSelectable(row) {
// 在这里可以通过条件控制某些行的单选框是否可选
return true;
}
}
}
</script>
阅读全文