iview 的select组件编辑回显的时候赋值没有显示

Question

iview 的select组件编辑回显的时候赋值没有显示

页面代码
<Select style="width:170px" v-model="editorform.pest_id" filterable  clearable>
 <Option v-for="item in editorform.pestType" :value="item.value" :key="item.value">{{ item.label }}</Option>
</Select>

js代码：
this.editorform.pest_id =l.pest_id;

Answer 1

1.检查editorform.pest_id是否全等value
2.使用$set方法手动更新

this.$set(this.editorform,"pest_id",l.pest_id);

Answer 2

我也遇到这个问题了,多选的时候,不回显,请问你解决了吗?

Answer 3

我也是这个问题 说是这么写
但是还是不行

                        <select class="address-select"   v-model="prov">
                            <option disabled value="">请选择</option>
                            <option v-for="option in arr" :value="option.name" >
                                {{ option.name }}
                            </option>
                        </select>

Answer 4

<Select :disabled="disableChoice"  v-model="tab6.src_port"   :ref="'src_port'" placeholder="输入或添加源端口" filterable allow-create @on-create="handleCreate2"  >
                <Option v-for="item in srcPortList" :value="item.value" :key="item.value">{{ item.label }}</Option>
            </Select>

可以这样写，通过ref获得它的当前输入值例如：
this.$refs['src_port'].query

Answer 5

vue.js版本更新到最新就行了！

Answer 6

请问解决了吗