300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > element ui下拉框设置默认值_vue element-ui select下拉选择的使用 设置下拉选择默认值...

element ui下拉框设置默认值_vue element-ui select下拉选择的使用 设置下拉选择默认值...

时间:2020-09-12 04:59:46

相关推荐

element ui下拉框设置默认值_vue element-ui select下拉选择的使用  设置下拉选择默认值...

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 {<

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。