记录一些坑 vue iview select

iview select 中遇到的一些问题

  1. 在v-model那边绑定了数据,下拉框不显示绑定对应的内容

<FormItem show-message label="旧逻辑服" prop="oldLogSerId">
   <Select v-model="valueForm.oldLogSerId" clearable style="width:200px;">
    <Option
      v-for="(item,index) in oldList"
      :value="item.servId"
      :key="item.servId"
    >{{item.servId+" - "+item.name}}Option>
  Select>
FormItem>;
data() {
    return {
      valueForm: {
        oldLogSerId: 0
      },
      oldList: [],
    };
  },

最终发现是valueForm.oldLogSerId类型的问题option中value的数据是number类型而他是string类型
然后在created里面转换一下类型就好了

 created() {
    this.valueForm.oldLogSerId = parseInt(this.valueForm.oldLogSerId)
  },

你可能感兴趣的:(记录一些坑 vue iview select)