element多选框实现单选功能

前两天上班有个需求要在通用表格组件里面某一栏实现单选,直接改成单选按钮是很麻烦的改动很大,所以这里采取的是将element里面的多选实现成单选功能

element多选框实现单选功能

 

 参考一下链接:

https://www.cnblogs.com/moringyaozheng/p/13637749.html

具体实现如下:

element多选框实现单选功能

 

 element多选框实现单选功能

 

 element多选框实现单选功能

 

 其核心思想就是当选中超过1个时先清空当前选择的,然后选择数组的最后一条数据,实现单选,其他的皆是业务代码。真正起到作用的js只有这两句

element多选框实现单选功能

 

element多选框实现单选功能

上一篇:C#面向对象


下一篇:Hexo+NexT(一):在Windows下安装Hexo+NexT及搭建博客