<el-transfer v-model="transferData.value" :props="{key:'id',label:'name',disabled:'status'}" :data="transferData.data" style="text-align: left; display: inline-block" filterable :titles="['未拥有菜单', '已拥有菜单']" :button-texts="['分配', '移除']" :format="{noChecked: '${total}',hasChecked: '${checked}/${total}'}" />
data() {
const loadTransferData = () => {
const _this = this as any;
const transferData = {
data: [] as Array<any>,
value: [1, 2, 3],
};
for (let i = 1; i <= 15; i++) {
transferData.data.push({
id: i,
name: `备选项 ${i}`,
status: i % 4 === 0,
});
}
return transferData;
};
return {
transferData: loadTransferD