码迷,mamicode.com
首页 > 其他好文 > 详细

el-select使用注意事项

时间:2020-09-17 12:17:26      阅读:37      评论:0      收藏:0      [点我收藏+]

标签:top   弹框   class   label   无法   key   下拉   黄金   二次   

v-model的绑定项最好不要是表单项里的值,比如userForm.userTypeValue,

这样会出现第一次打开弹框时可以下拉选择选项,但是第二次打开弹框,就会

出现无法下拉选择selectOption里的选项

官网:

v-model最好额外定义一个value

<el-select v-model="value" placeholder="请选择">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
</el-select>
options: [{
          value: ‘选项1‘,
          label: ‘黄金糕‘
        }, {
          value: ‘选项2‘,
          label: ‘双皮奶‘
        }, {
          value: ‘选项3‘,
          label: ‘蚵仔煎‘
        }, {
          value: ‘选项4‘,
          label: ‘龙须面‘
        }, {
          value: ‘选项5‘,
          label: ‘北京烤鸭‘
        }],
        value: ‘‘

 

el-select使用注意事项

标签:top   弹框   class   label   无法   key   下拉   黄金   二次   

原文地址:https://www.cnblogs.com/hahahakc/p/13608205.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!