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

曾经终败给现在 2022-11-13 09:28 253阅读 0赞

<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>

发表评论取消回复

表情：

评论列表（有 0 条评论，253人围观）

还没有评论，来说两句吧...

相关阅读

相关 filters id和名字对应的方法

filters: \{ search(val) \{ console.log(val); const data = JSON.parse(localStorage.

忘是亡心i/ 2023年01月16日 02:47/ 0 赞/ 67 阅读

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

<template> <el-select v-model="dataForm.liveUserID" clearable

曾经终败给现在/ 2022年11月13日 09:28/ 0 赞/ 254 阅读

相关 spring配置中id和name属性的区别

可能大家在网上都应该搜索过在 Spring 配置中 id 和 name 属性的区别，可能你会搜索到有一大堆的区别，不过在我这里可能不一样了。我这里 Spring 的版本为

曾经终败给现在/ 2022年07月21日 11:17/ 0 赞/ 209 阅读

相关细说HTML元素的ID和Name属性的区别

(转载) [细说HTML元素的ID和Name属性的区别][HTML_ID_Name] 可以说几乎每个做过Web开发的人都问过，到底元素的ID和Name有什么区别阿？为什么有

r囧r小猫/ 2022年07月21日 08:09/ 0 赞/ 255 阅读

相关 Name和ID的区别

HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描

梦里梦外;/ 2022年07月20日 12:26/ 0 赞/ 197 阅读

相关在配置spring标签是name和id的区别

原始链接： [http://guoyang100ok.blog.163.com/blog/static/12243553320097604532581/][http_guoya

傷城~/ 2022年07月12日 14:52/ 0 赞/ 192 阅读

相关在配置spring标签是name和id的区别

原始链接： [http://guoyang100ok.blog.163.com/blog/static/12243553320097604532581/][http_guoya

偏执的太偏执、/ 2022年07月12日 14:51/ 0 赞/ 198 阅读

相关 input中id和name的区别

1. 表单(form)的控件名，提交的数据都用控件的name而不是id来控制。因为有许多name会同时对应多个控件,比如checkbox和radio,而id必须是全文档中唯一

╰半夏微凉°/ 2022年06月12日 07:23/ 0 赞/ 244 阅读

相关 vue 动态绑定 id

<div class="layui-tab-item" :class="{ 'layui-show': key === 0}" v-for="(cur, key) in

太过爱你忘了你带给我的痛/ 2022年01月27日 00:07/ 0 赞/ 862 阅读

相关 Android Studio中的package name和application ID

在`Eclipse`中只有`package name`的概念，没有`application ID`。而在`Android Studio` 中把`package name` 拆分

谁践踏了优雅/ 2021年06月26日 16:06/ 0 赞/ 1063 阅读