主要是利用render-content 自定义数据项渲染函数
可以根据这个案例去了解,下面直接上代码
<template>
<el-transfer v-model="value4" :props="{
key: 'value',
label: 'desc'
}" :render-content="renderFunc" :data="data3">
</el-transfer>
</template>
<script>
export default {
data() {
const generateData3 = _ => {
const data = [];
for (let i = 1; i <= 15; i++) {
data.push({
value: i,
desc: `备选项 ${i}`,
disabled: i % 4 === 0
});
}
return data;
};
return {
data3: generateData3(),
value4: []
};
},
mounted() {
console.log(this.data3);
},
methods: {
re