addList.vue 753 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. <template>
  2. <div class='add-transfer'>
  3. <el-transfer v-model='value' :props='{
  4. key: "value",
  5. label: "desc"
  6. }' :data='data'></el-transfer>
  7. </div>
  8. </template>
  9. <script>
  10. export default {
  11. data() {
  12. const generateData = () => {
  13. const data = []
  14. for (let i = 1; i <= 15; i++) {
  15. data.push({
  16. value: i,
  17. desc: `备选项 ${i}`
  18. })
  19. }
  20. return data
  21. }
  22. return {
  23. data: generateData(),
  24. value: []
  25. }
  26. }
  27. }
  28. </script>
  29. <style lang='less' scoped>
  30. .add-transfer {
  31. display: flex;
  32. align-self: center;
  33. justify-content: center;
  34. margin-top: 40px;
  35. }
  36. </style>