1.排序方法需要改
target-order设置为"push"
<el-transfer target-order="push"
官方文档
target-order | 右侧列表元素的排序策略:若为 original,则保持与数据源相同的顺序;若为 push,则新加入的元素排在最后;若为 unshift,则新加入的元素排在最前 | string | original / push / unshift | original |
---|
2.右侧的东西
<el-transfer v-model="value" :data="data"></el-transfer>
v-model=“value” 右侧数据来源
:data=“data” 左边数据来源
官方文档
Transfer 的数据通过 data 属性传入。数据需要是一个对象数组,每个对象有以下属性:key 为数据的唯一性标识,label为显示文本,disabled 表示该项数据是否禁止转移。目标列表中的数据项会同步到绑定至 v-model 的变量,值为数据项的 key所组成的数组
所以你如果想要上下移动右侧个别数据的
只需要改变vlaue数组里面的数据就行