在下拉菜单中,传递的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脚手架