博客

Transfer

的数据通过

data

属性传入。数据需要是一个对象数组，每个对象有以下属性：

key

为数据的唯一性标识，

label

为显示文本，

disabled

表示该项数据是否禁止转移。目标列表中的数据项会同步到绑定至

v-model

的变量，值为数据项的

key

所组成的数组。当然，如果希望在初始状态时目标列表不为空，可以像本例一样为

v-model

绑定的变量赋予一个初始值。

<div class="shadow" style="padding:2% 2% 2% 3%;margin-top:2%;height: 430px">
  <el-transfer
    :titles="['用户未所属组', '用户已所属组']"
    @change="handleChange"
    v-model="yhYsszData"
    :data=" yhAllSszData">
  </el-transfer>
</div>

data 定义：

yhAllSszData:[],
yhYsszData:[],

写方法：

methods：{
 

//选取左侧内容，点击右滑图标
handleChange(value, direction, movedKeys) {
  let rightData = value;
  let yssXgzStr = {qx:rightDat