当前位置: 首页 > Web前端 > vue.js

给vue的el-table单选添加一些素材

时间:2023-03-31 22:03:27 vue.js

做项目的时候,需要把某处的多选改成单选。看到这个问题,我觉得很简单。果然,当我打开vue组件库时,轮子已经搭好了。一口气复制和粘贴。但是测试有话要说,这部分不符合要求,可以看到选择要求后,会出现一个勾号作为对勾(vue组件只提供高亮),要不要改.嗯,改变!初步思路有两种,**一种**是利用vue组件库的多选框实现单选功能,**另一种**是在原来的单选。像往常一样,先寻找车轮。网上大部分解决方案都是把多选框改成单选(选择第二项的时候加个判断,把第一项压出数组),但毕竟我比较懒,已经用过了单选组件。也修改为多选,加上判断。.去组件库查看单选按钮变化时的函数参数。如果有,则可以将参数传递给当前选中行和原选中行。在本例中,添加一个参数来控制√图片的显示。下面贴代码if(xxx){xxx.push({selectCurrentRow:false,});handleCurrentChange(nowVal,preVal){nowVal.selectCurrentRow=true;preVal.selectCurrentRow=false;},