自定义Element父子不关联的穿梭树
Element自身是有一个 Transfer穿梭框组件 的,这个组件是穿梭框结合checkbox复选框来实现的,功能比较单一,自己想实现这个功能也是很简单的,只是在项目开发中,项目排期紧,没有闲功夫来实现罢了,但这个组件只适合用来实现较为简单的左右数据添加删除的效果,复杂一点的树结构穿梭框就难实现多了,当然也有造好的轮子等你使用,这里推荐一个比较好用的穿梭树组件 el-tree-transfer 。 这个el-tree-transfer轮子好是好,但还是没有达到我的需求,确切的说是没有达到我们公司产品的需求,我们公司产品的需求在这里 vue+element-ui之tree树形控件有关子节点和父节点之间的各种选中关系详解 ,尬笑脸... 其实之前实现我们产品的需求时我心里就已经一万个草泥马呼啸而过了,现在又要在这个基础上添加一个穿梭框的效果,阿西吧,我除了苦笑还能干啥?前端的同行们,我们遇到这样奇葩的需求,除了苦笑还能干啥?什么?你说怼回去?有用吗?怼回去的后果是除了别人说你爱牢骚情商低,你还能得到啥?什么?你说尥蹶子?你老婆答应了吗?你小孩答应了吗?你的房贷车贷答应了吗?消停地自己哭吧!这就是余欢水式的中年危机!!! 叽叽歪歪了这许多,还是赶紧看看如何实现吧,其实说白了就是把穿梭框左边树组件选中的数据复制一份给右边的树组件,这样在vue“数据驱动视图”的牛逼格拉斯思想下