欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

在下拉菜单中,传递的value参数为 id时,如何拿到其 label值?

发布时间:2024/9/27 编程问答 42 豆豆
生活随笔 收集整理的这篇文章主要介绍了 在下拉菜单中,传递的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值?的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。