大良营销网站建设新闻,淮阳网站建设,简单网站的制作,新手怎么把源码做成软件vue elementUI select下拉框设置默认值
要为select下拉框设定默认值#xff0c;只需要把 v-model 绑定的值和你想要选中 option 的 value 值设置一样即可。
下面上代码#xff1a;
html部分代码#xff1a;
el-select v-modelvaluetype changech…vue elementUI select下拉框设置默认值
要为select下拉框设定默认值只需要把 v-model 绑定的值和你想要选中 option 的 value 值设置一样即可。
下面上代码
html部分代码
el-select v-modelvaluetype changechangetypeel-option v-foritem in options :keyitem.value :labelitem.label :valueitem.value/el-option
/el-selectscript部分代码
export default {data() {return {options: [{value: all,label: 0},{value: model,label: 1},{value: machine,label: 2}],valuetype: 0,};},}所以把 v-model 绑定的 valuetype 设置为 和你想要选中 option 的 value 值设置一样想要设置 “全部”那个选项所以 设置成对应的value 为0。注意这里的0是数字类型不是字符串
在这里已经设置为 默认的为 全部 选项了。 关于element select框默认值赋值不成功问题注意两点
1、v-model里面的数据和遍历出来value值数据类型不一样。 例item.provinces类型是numberprovince类型是String。类型不一样导致赋值不成功 2、遍历数据和赋值的先后顺序必须保证数据先遍历后赋值。
