开发中可能遇到各种奇葩的需求，比如今天需求说穿梭框右面要提供个上移下移的功能。
element中是这样的
<el-transfer v-model="value1" :data="data"></el-transfer>
data: generateData(), value1: [1, 4]
这样有什么问题，你如果碰到这个问题会发现，默认的穿梭框会给你按数据源默认排序
导致你写了两个按钮，功能写完后，debugger数据看着都变了，页面没反应，好像是页面没有渲染。
你又找了很多重新渲染页面的方法，结果又是一顿失望。
其实呢，我们只需要这么个属性
target-order
改成push或者unshift都可以，其中细节我觉得作为一个前端工程师不用讲太明白，可翻element官网。
一个灵感，自己发掘技术。
如果你碰到这种问题，文章一定会对你有帮助。
加油咯。
开发中可能遇到各种奇葩的需求，比如今天需求说穿梭框右面要提供个上移下移的功能。 element中是这样的
element 穿梭框按住shift可实现checkbox多选功能
基于 VUE 和 element-ui 的树形穿梭框组件
项目中使用了ElementUI的穿梭框，但由于穿梭框在dialog中选择完成并点击确定后，业务页面只留下一个按钮，...
需求 由于element中的穿梭框不能实现树形结构数据的使用,所以利用Tree进行重新封装. 效果如图: 代码实现...
element自带组件中有多选框、依赖于多选框实现的穿梭框，并没有这种列表多选框 实现方式，借助element样式...
1、页面的样式： 2、js代码
el-tree-transfer 是一个基于 VUE 和 element-ui 的树形穿梭框组件，使用前请确认已经...
主要是通过render-content对组件的ui重新渲染注意点:render-content属性renderFu...
最近项目中用到两侧数据交换，想到了element里面的穿梭框来写，因为有使用到自定义数据和现实就记录一下吧 1. ...
本文标题：element之穿梭框
本文链接：https://www.haomeiwen.com/subject/ntuwcqtx.html
网友评论