用element ui怎么控制下列表格单选框,只能单选一个?-灵析社区

瞳孔放大黑洞

如图,怎么实现单选,且可以获取到对应的前两行的值。 ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250103/4601fb0b936ea6f611c1476723cb4fe5.png) 自己实现大概就是以下代码,但是不好控制单选,也不好获取值 这是表格代码html部分 tableData: [ { title: '左耳', icon_1: IconAssets.resIcon(0), icon_2: IconAssets.resIcon(2), icon_3: IconAssets.resIcon(4), icon_4: IconAssets.resIcon(6), icon_5: IconAssets.resIcon(8), icon_6: IconAssets.resIcon(10), icon_7: IconAssets.resIcon(12), icon_8: IconAssets.resIcon(14), icon_9: IconAssets.resIcon(16), icon_10: IconAssets.resIcon(18), icon_11: IconAssets.resIcon(1), }, { title: '右耳', icon_1: IconAssets.resIcon(1), icon_2: IconAssets.resIcon(3), icon_3: IconAssets.resIcon(5), icon_4: IconAssets.resIcon(7), icon_5: IconAssets.resIcon(9), icon_6: IconAssets.resIcon(11), icon_7: IconAssets.resIcon(13), icon_8: IconAssets.resIcon(15), icon_9: IconAssets.resIcon(17), icon_10: IconAssets.resIcon(19), icon_11: IconAssets.resIcon(1) }, { icon_1: true, icon_2: false, icon_3: false, icon_4: false, icon_5: false, icon_6: false, icon_7: false, icon_8: false, icon_9: false, icon_10: false, icon_11: false } ], js数据

阅读量:308

点赞量:15

问AI
el-checkbox 就不对啊,你单选不应该是 el-radio 嘛? 当然checkbox 也行,你需要把选中的 key 存起来,也就是 "prop="icon_1"",checked 的时候之类判断是否等于 key 即可