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'),  即可
版权声明：本文为qq_39835505原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。