el-select使用注意事项

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: ''

 

posted @ 2020-09-03 16:16  haha-uu  阅读(1891)  评论(0编辑  收藏  举报