当前位置:   article > 正文

【elementUI】el-select相关问题

【elementUI】el-select相关问题

官方使用DEMO

  1. <template>
  2. <el-select v-model="value" placeholder="请选择">
  3. <el-option
  4. v-for="item in options"
  5. :key="item.value"
  6. :label="item.label"
  7. :value="item.value">
  8. </el-option>
  9. </el-select>
  10. </template>
  11. <script>
  12. export default {
  13. data() {
  14. return {
  15. options: [{
  16. value: '选项1',
  17. label: '黄金糕'
  18. }, {
  19. value: '选项2',
  20. label: '双皮奶'
  21. }, {
  22. value: '选项3',
  23. label: '蚵仔煎'
  24. }, {
  25. value: '选项4',
  26. label: '龙须面'
  27. }, {
  28. value: '选项5',
  29. label: '北京烤鸭'
  30. }],
  31. value: ''
  32. }
  33. }
  34. }
  35. </script>

1.修改下拉框的宽度

:popper-append-to-body="false"

  1. <template>
  2. <el-select v-model="value" placeholder="请选择">
  3. <el-option
  4. v-for="item in options"
  5. :popper-append-to-body="false"
  6. :key="item.value"
  7. :label="item.label"
  8. :value="item.value">
  9. </el-option>
  10. </el-select>
  11. </template>

2.下拉框筛选不显示某条数据

v-if="item.value !== form.id"

  1. <el-option
  2. v-for="item in options"
  3. :key="item.value"
  4. :label="item.label"
  5. :value="item.value"
  6. v-if="item.value !== form.id"
  7. >
  8. </el-option>

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/article/detail/41362
推荐阅读
相关标签
  

闽ICP备14008679号