element plus 如何获取Transfer 自定义一个被选中的顺序 0 1 2 3
时间: 2024-03-16 20:42:44 浏览: 82
Vue3和element-plus 搭建的一个admin系统.zip
在 Element Plus 的 Transfer 组件中,可以使用 `props.format` 属性来自定义被选中的顺序。`format` 属性是一个函数,它接收一个参数,即 Transfer 组件中已选中的数据,返回一个数组,这个数组就是自定义的被选中的顺序。
例如,可以这样定义一个自定义的被选中的顺序:
```
<el-transfer v-model="selectedData" :data="data" :format="format"></el-transfer>
...
data() {
return {
data: [
{ key: 1, label: '选项1' },
{ key: 2, label: '选项2' },
{ key: 3, label: '选项3' },
{ key: 4, label: '选项4' }
],
selectedData: []
}
},
methods: {
format(data) {
// 自定义被选中的顺序
return data.map(item => item.key - 1);
}
}
```
在这个例子中,`format` 函数将 Transfer 组件中已选中的数据(即 `selectedData` 数组)中每个元素的 `key` 属性减 1,得到一个新的数组 `[0, 1, 2, 3]`,这个数组就是自定义的被选中的顺序。
阅读全文