侧边栏壁纸
博主头像
鲨鱼辣椒博主等级

敢想敢干

  • 累计撰写 31 篇文章
  • 累计创建 31 个标签
  • 累计收到 2 条评论

目 录CONTENT

文章目录
vue

el-table实现单选框 并实现行内选择生效

鲨鱼辣椒
2023-12-15 / 0 评论 / 1 点赞 / 446 阅读 / 93 字 / 正在检测是否收录...
  • 在table 中添加事件 @row-click=“singleElection”
<el-table-column width="55">
       <template slot-scope="scope">
              <el-radio v-model="currentFactor" :label="scope.row.id">{{ "" }}</el-radio>
        </template>
</el-table-column>

  • 方法赋值

 singleElection(row) {
            this.currentFactorList = row;  // 可以选择将行内数据保存
            this.currentFactor = row.id 将id和 单选框id进行绑定
 },

1

评论区