el

您所在的位置:网站首页 el-form封装遇到复选框报错 el

el

2023-12-28 00:33| 来源: 网络整理| 查看: 265

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



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3