element-ui

大个子小可爱

于 2019-10-10 09:38:02 发布

阅读量152

点赞数

CC 4.0 BY-SA版权

分类专栏： vue系列

本文链接：https://blog.youkuaiyun.com/weixin_44628533/article/details/102474857

vue系列专栏收录该内容

12 篇文章

订阅专栏

本文介绍在表格中自定义使用Radio单选框的方法，通过为label变量动态赋值当前行的index值，避免了所有radio选中的问题。同时，通过添加$nbsp;清除动态生成的index值后的空白。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 表格自定义`radio`单选框

label=“scope.$index”：为label变量动态赋值当前行的index值；否则会触发所有radio的选中。
radio选择框后面动态生成的index值，可以使用添加 $nbsp; 清除。

<el-table-column align="center" >
    <template slot-scope="scope" >
        <el-radio v-model="radio" :label="scope.$index" >&nbsp;</el-radio>
    </template>
</el-table-column>

element-ui

1. 表格自定义radio单选框

1. 表格自定义`radio`单选框