在下拉菜单中,传递的value参数为 id时,如何拿到其 label值?
生活随笔
收集整理的這篇文章主要介紹了
在下拉菜单中,传递的value参数为 id时,如何拿到其 label值?
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
在下拉菜單中,傳遞的value參數(shù)為 id時(shí),如何拿到其 label值?
<template><el-select@change="selectGet"class="cms-width"v-model="info[item.field]"filterableremotereserve-keywordplaceholder="請(qǐng)輸入老師姓名":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){//這個(gè)vId也就是value值let obj = {};obj = this.teacherList.find((item)=>{//這里的teacherList就是上面遍歷的數(shù)據(jù)源return item.id === vId;//篩選出匹配數(shù)據(jù)});console.log(obj);//我這邊的name就是對(duì)應(yīng)label的this.lxrname = obj.realname;}} } </srcipt>總結(jié)
以上是生活随笔為你收集整理的在下拉菜单中,传递的value参数为 id时,如何拿到其 label值?的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: JavaScript-表单提交验证及前端
- 下一篇: VUE_3脚手架