vue中iview框架下select选择器渲染的时候报警告Invalid prop: type check failed for prop "value". Expected St

Posted 2021-01-02 lavender-java

问题起因: 在一个选择器里 出了问题!

<Form-item label="节点">
    <Select v-model="formItem.select"  placeholder="请选择节点" filterable>
        <Option @on-change="selectValue" v-for="item in mySelect" :value="item.hid" >{{ item.displayName }}</Option>
    </Select>
</Form-item>

export default {
    data () {
        return {
            mySelect: [1,2,3]
        }
    },
}

于是报了上面的错误...

原因是 在初始化的时候... mySelect 里的数组是没有 hid 这个key的...

所以 把 data里的mySelect改了就ok了!

export default {
    data () {
        return {
            mySelect: []
        }
    },
}

检查检查你的代码 是不是什么地方也多写了... 而其他地方并没有用到......