您的位置:首页 > 产品设计 > UI/UE

element-ui select下拉框默认值的问题

2018-08-27 10:23 826 查看
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/carmen_shao/article/details/82107679

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

[code]<el-form-item>
<el-select class="filter-item"  v-model="value" clearable>
<el-option v-for="item in options"  :key="item.num" :label="item.name"
:value="item.id"></el-option>
</el-select>
</el-form-item>

关于element select框默认值赋值不成功问题,注意两点:
1、v-model里面的数据和遍历出来value值数据类型不一样。(例:item.provinces类型是number,province类型是String。类型不一样导致赋值不成功)
2、遍历数据和赋值的先后顺序,必须保证数据先遍历后赋值。

阅读更多
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: