el-table—复选框和行点击之间的互动

我想要实现的效果是,点击复选框的时候,不同的行的复选框可以进行切换,一次只选中一个,点击行的时候,也要勾选上复选框,切换行的时候,复选框也要切换,同杨只能选择一个。在我借鉴了网上很多方法之后,终于实现了,但总感觉自己写的怪怪的,望大佬们指点。
先看下el-table上需要绑定的三个事件吧
el-table—复选框和行点击之间的互动不好意思,第一个事件是我用来获取点击行的ID的,和这个效果没啥关系,请看第二个行点击事件,和第三个勾选复选框触发的事件。
第三个select触发事件可以来回切换复选框,并只选中一个,如图
el-table—复选框和行点击之间的互动这个其实网上很多,大家解释的都挺好的,可以看看,我和大多数不同的是,这里加了个activeIndex下标,大概因为我是循环吧,不加下标会报错的,最后的selected的结果是布耳值,为true则是选中。
第二个行点击事件row-click,就是要实现来回切换行,复选框也要跟着切换,这个我就是把select事件又拿过来用了,如图
el-table—复选框和行点击之间的互动这个obj传的是整行的实体对象,这个和select事件有些许的变化,第一行不能删掉噢,负责第一个复选框选不上,至于为啥,还没想到。
工作之余记录了下遇到的问题,虽然正常实现。但总觉得有丢丢怪,大佬们要看到了可以指教( ̄∇ ̄)