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