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'),  即可
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值