You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
62 lines
1.1 KiB
62 lines
1.1 KiB
<cn>
|
|
#### 大数据性能测试
|
|
2000 条数据。
|
|
</cn>
|
|
|
|
<us>
|
|
#### Performance Test
|
|
2000 items.
|
|
</us>
|
|
|
|
```html
|
|
<template>
|
|
<a-transfer
|
|
:dataSource="mockData"
|
|
:targetKeys="targetKeys"
|
|
@change="handleChange"
|
|
:render="item=>item.title"
|
|
showSearch
|
|
>
|
|
</a-transfer>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data () {
|
|
return {
|
|
mockData: [],
|
|
targetKeys: [],
|
|
}
|
|
},
|
|
mounted() {
|
|
this.getMock()
|
|
},
|
|
methods: {
|
|
getMock() {
|
|
const targetKeys = [];
|
|
const mockData = [];
|
|
for (let i = 0; i < 2000; i++) {
|
|
const data = {
|
|
key: i.toString(),
|
|
title: `content${i + 1}`,
|
|
description: `description of content${i + 1}`,
|
|
chosen: Math.random() * 2 > 1,
|
|
};
|
|
if (data.chosen) {
|
|
targetKeys.push(data.key);
|
|
}
|
|
mockData.push(data);
|
|
}
|
|
this.mockData = mockData
|
|
this.targetKeys = targetKeys
|
|
},
|
|
handleChange(targetKeys, direction, moveKeys) {
|
|
console.log(targetKeys, direction, moveKeys);
|
|
this.targetKeys = targetKeys
|
|
},
|
|
},
|
|
}
|
|
</script>
|
|
```
|
|
|
|
|