el-select使用方法及遇到数据回显的坑

本文介绍了一个使用Vue.js实现的语言选择器组件。该组件通过下拉菜单形式提供了中文和英文两种选项,并展示了如何设置和获取选中的语言。文章还特别提到了确保选项值的数据类型与模型值类型一致的重要性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

< el-select v-model = " temp . lang " class = "filter-item" placeholder = "Please select" >
< el-option v-for = " item in langs " :key = " item . value " :label = " item . label " :value = " item . value " />
</ el-select >
 
langs: [{
value: '1' ,//这里注意值为字符型,需要与 temp . lang的值类型保持一致,否则不会正常回显
label: '中文'
},
{
value: '0' ,
label: '英文'
}
],
这里 注意值value为字符型,需要与 temp . lang的值类型保持一致,否则不会正常回显

转载于:https://my.oschina.net/u/3632227/blog/3027212

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值