elementui穿梭框动态数据
时间: 2023-07-19 17:28:51 浏览: 164
要实现elementui穿梭框动态数据,你需要使用v-model绑定穿梭框的值,以及使用props属性传递数据源的数组。具体步骤如下:
1. 在组件中定义穿梭框的数据源数组,以及绑定v-model的value数组:
```
<el-transfer
v-model="value"
:data="data"
></el-transfer>
<script>
export default {
data() {
return {
value: [],
data: []
};
}
}
</script>
```
2. 使用props属性传递数据源的数组:
```
<template>
<el-transfer
v-model="value"
:data="data"
></el-transfer>
</template>
<script>
export default {
props: {
sourceData: {
type: Array,
required: true
}
},
data() {
return {
value: [],
data: []
};
},
mounted() {
// 将传递进来的数组设置为data数组
this.data = this.sourceData;
}
}
</script>
```
以上就是使用elementui穿梭框动态数据的基本步骤。
阅读全文