微客导航 » 文章资讯 » vue select 获取value和lable操作

vue select 获取value和lable操作

2023-07-17 21:09:04 182

vueselect控件在选择时需要把id和name两个值都获取到，实现方案如下：

select控件代码



{{item.dictionaryName}}

change事件

getVendorId:function(val){
letthat=this;
that.detailData.supplyType=val.value;//获取label
that.detailData.supplyTypeName=val.label;//获取value
},

下拉组件绑定数据源

supplyTypeList[
{
"id":45,
"dictionaryName":"办公用品",
"dictionaryCode":"nofficeSupplies"
}
]

补充知识：vue选择器select获取选中项的value和id

今天在nuxt项目中使用element-ui的选择器时，有个需求要获取options的id和label。

做法如下：

html代码

在methods中：

这样就可以精准的获取到啦，希望可以帮到你呀！

以上这篇vueselect获取value和lable操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

vue select 获取value和lable操作

热门推荐

随机推荐