本文介绍如何在Vue+ElementUI的穿梭框中添加上移和下移功能。通过监听右侧列表的选择变化，实现单个选中项的上移和下移操作，确保数据与界面同步更新。
elementUI组件样式：
需要的样式：增加上移、下移功能
下面就看一下的我实现方法（希望大家有更好的方法）
1.首先在底部内容区增加需要的功能按钮，如：上移，下移， 确定，取消【这里是为了数据操作之后，确定之后再进行相爱一步操作】，还有就是右侧列表元素被用户选中 / 取消选中时触发的监听事件【right-check-change】
2.数据 roleData【所有角色】， chooseRole【选择的角色--穿梭框右边数据】
我们通过接口，拿取所有角色绑定到穿梭框里，再通过穿梭框选择需要的数据，然后分别存起来
3.上下移动操作【重点------右侧列表选中项/选中项的下标值】
a.这是data()里的数据
最低0.47元/天 解锁文章
扫一扫
1542
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
