1234567891011121314151617181920212223242526272829303132333435363738 |
- <template>
- <div class='add-transfer'>
- <el-transfer v-model='value' :props='{
- key: "value",
- label: "desc"
- }' :data='data'></el-transfer>
- </div>
- </template>
- <script>
- export default {
- data() {
- const generateData = () => {
- const data = []
- for (let i = 1; i <= 15; i++) {
- data.push({
- value: i,
- desc: `备选项 ${i}`
- })
- }
- return data
- }
- return {
- data: generateData(),
- value: []
- }
- }
- }
- </script>
- <style lang='less' scoped>
- .add-transfer {
- display: flex;
- align-self: center;
- justify-content: center;
- margin-top: 40px;
- }
- </style>
|