el-table 单选
时间: 2023-11-07 15:51:10 浏览: 113
el-table的单选功能是通过使用el-radio和v-model来实现的。在模板中,可以使用el-table-column和template标签来定义单选框。
具体代码如下:
```
<el-table :data="accountList" v-loading="loading" highlight-current-row @current-change="handleCurrent" border height="250px">
<el-table-column width="60px">
<template v-slot="scope">
<el-radio v-model="unitInfo.userId" :label="scope.row.userId" @change="handleRowChange(scope.row)"></el-radio>
</template>
</el-table-column>
<el-table-column type="index" label="序号" />
<el-table-column prop="userId" label="账号编号" />
<el-table-column prop="username" label="账号名称" />
<el-table-column prop='status' label="账号状态">
<template slot-scope="scope">
<el-tag :type="scope.row.status | filters('availableType')">{{ scope.row.status | filters('availableValue')}}</el-tag>
</template>
</el-table-column>
</el-table>
```
在上述代码中,el-table-column中的template标签定义了单选框,并使用v-model绑定数据。通过给el-radio的label属性传递相应的值来实现单选功能。
希望对您有所帮助!
阅读全文