elementUI实现table单选

最新推荐文章于 2025-07-04 20:26:00 发布

原创最新推荐文章于 2025-07-04 20:26:00 发布 · 5.5k 阅读

3 ·

CC 4.0 BY-SA版权

ElementUI 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种使用Element UI库中的表格组件来实现对特定行的选择并获取所选数据的方法。通过自定义模板和监听事件，可以方便地捕捉用户的交互，并进一步处理所选数据。

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

<el-table-column align="center" width="55" label="" >
    <template slot-scope="scope">
         <el-radio :label="scope.row.flagIndex" v-model="scope.row.flagValue" @change.native="getTemplateRow(scope.$index,scope.row)">&nbsp</el-radio>
    </template>
</el-table-column>

getTemplateRow(index,row){                                 //获取选中数据
    this.templateSelection = row;
    this.list.forEach((row, index) => {
       row.enableFlag = this.templateSelection.flagIndex
    })
    row.enableFlag = 1
    this.$HttpAddObj(row, ``).then(res => {})
 },