vue elementUI select下拉框设置默认值（赋值）失败

vue elementUI select下拉框设置默认值

要为select下拉框设定默认值，只需要把 v-model 绑定的值和你想要选中 option 的 value 值设置一样即可。

下面上代码：

html部分代码：

<el-select v-model="valuetype"  @change="changetype"><el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>

script部分代码：

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类型是number，province类型是String。类型不一样导致赋值不成功）
2、遍历数据和赋值的先后顺序，必须保证数据先遍历后赋值。