Vue之 解决下拉框默认选中的是数字key 不是汉字value值

《Vue之 解决下拉框默认选中的是数字key 不是汉字value值》

vue select下拉框绑定默认值:

首先option要加value值,以便v-model可以获取到对应选择的值

原因

 v-model里面的数据和遍历出来value值数据类型不一样。
(例:item.provinces类型是number,province类型是String。类型不一样导致赋值不成功)

遍历数据和赋值的先后顺序,必须保证数据先遍历后赋值。

// console.log(typeof(row.type)); // number

// console.log(typeof(this.calendarTypeOptions[1].key)); // string

转化 string 为 number

key: Number('1'),  即可
    原文作者:灼灼桃花夭
    原文地址: https://blog.csdn.net/qq_39835505/article/details/121338069
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞