elementui el-select组件绑定id和name 取得id和name的值使用filter方法

最新推荐文章于 2023-11-03 20:30:55 发布

O3ohn

最新推荐文章于 2023-11-03 20:30:55 发布

阅读量5.9k

点赞数 5

分类专栏： elementUI小课堂文章标签： javascript

本文链接：https://blog.csdn.net/ka_xingl/article/details/115240843

版权

elementUI小课堂专栏收录该内容

33 篇文章 7 订阅

订阅专栏

<template>
<el-select
    v-model="dataForm.liveUserID"
    clearable
    @change="queryName"
    >
    <el-option
        v-for="dict in anchorOption"
        :key="dict.liveUserID"
        :label="dict.liveUserName"
        :value="dict.liveUserID"/>
</el-select>
</template>
<script>
  import {getAnchorList} from '@/api/policy/zhibo'
  export default {
    data() {
        return {
	        anchorOption:[],
	        liveUserID:'',
	        liveUserName:''
        },
    }
     methods:{
	     getAnchorOptions(){
	        getAnchorList().then(response => {
	          this.anchorOption = response.data.data;
	        });
     	 },
     	 queryName(e){
	        let resultArr = this.anchorOption.filter((item)=>{
	          return item.liveUserID === e
	        });
	        this.dataForm.liveUserName = resultArr[0].liveUserName
  	    },
     }
  }
</script>