START
o(╥﹏╥)o
这几天一直做表单提交,涉及到下拉选择的使用
在编辑操作的时候需要根据父组件数据,初始化下拉选择的默认选中
但是下拉选择的值 value 初始化好了,但是显示的选项却不是label 而是 value
问题原因
核对了代码很久,终于找到问题原因,这里先解释一下原因,后续再上代码,方便不会使用下拉选择的人直接cv使用。
双向绑定的 value 必须全等于 option中的 value
我当时的情况是,value的值是相等的,value的变量类型却不一样
导致 =》显示的选项不是label 而是 value
偷偷吐槽一下,数据类型,这种低级问题,下次不要再犯啦。
简单的使用案例
饿了么ui选择器初始化值案例
开始赋值
v-model="value"
placeholder="请选择产品大类"
style="width: 100%"
filterable
>
v-for="item in options"
:key="item.pcode"
:label="item.pname"
:value="item.pcode"
/>
export default {<