iview的table多选改单选
时间: 2023-09-10 20:07:34 浏览: 109
ios tableView 多选
4星 · 用户满意度95%
你可以通过设置 `type` 属性为 `'radio'` 将 iView 的 Table 组件的多选改为单选,示例代码如下:
```html
<template>
<Table :data="tableData" :columns="columns" type="radio" @on-radio-change="handleRadioChange" />
</template>
<script>
export default {
data() {
return {
tableData: [{id: 1, name: 'John'}, {id: 2, name: 'Jane'}, {id: 3, name: 'Bob'}],
columns: [
{title: 'ID', key: 'id'},
{title: 'Name', key: 'name'}
]
};
},
methods: {
handleRadioChange(row) {
console.log(row);
}
}
};
</script>
```
在上面的代码中,我们将 `type` 属性设置为 `'radio'`,并且监听了 `on-radio-change` 事件来获取选择的单行数据。
阅读全文