在下拉菜单中,传递的value参数为 id时,如何拿到其 label值?
生活随笔
收集整理的这篇文章主要介绍了
在下拉菜单中,传递的value参数为 id时,如何拿到其 label值?
小编觉得挺不错的,现在分享给大家,帮大家做个参考.
在下拉菜单中,传递的value参数为 id时,如何拿到其 label值?
<template><el-select@change="selectGet"class="cms-width"v-model="info[item.field]"filterableremotereserve-keywordplaceholder="请输入老师姓名":loading="loading"v-if="item.field=='tplChannel'"><el-option v-for="(item,index) in teacherList" :key="index":label="item.realname":value="item.id"></el-option></el-select> </template> <srcipt> export default {data() {teacherList: [],lxrname:'',},methods(){selectGet(vId){//这个vId也就是value值let obj = {};obj = this.teacherList.find((item)=>{//这里的teacherList就是上面遍历的数据源return item.id === vId;//筛选出匹配数据});console.log(obj);//我这边的name就是对应label的this.lxrname = obj.realname;}} } </srcipt>总结
以上是生活随笔为你收集整理的在下拉菜单中,传递的value参数为 id时,如何拿到其 label值?的全部内容,希望文章能够帮你解决所遇到的问题。
- 上一篇: JavaScript-表单提交验证及前端
- 下一篇: VUE_3脚手架