element中el-select获取name值(整理)

简介: element中el-select获取name值(整理)
//注释单选可以,多选不行
<template>
<el-select v-model="budgetForm.staffId" placeholder="请选择" ref="staffName" @change="staffNameClick">
  <el-option v-for="(item,index) in staffList" :key="index" :label="item.name" :value="item.id"></el-option>
</el-select>
</template>
<script>
  export default {
    data(){
      return {
        budgetForm: {
          staffId: '',
        },
      }
    },
    methods:{
      //获取name
      staffNameClick(){
        console.log(this.$refs.staffName.selectedLabel,'886----')
      },
    }
  }
</script>
目录
打赏
0
0
0
0
12
分享
相关文章
Vue表格显示问题:v-show无法影响el-table-column列的解决方案
Vue表格显示问题:v-show无法影响el-table-column列的解决方案
1152 0
Element-UI中Select选择器讲解(el-select详解)
案例详解Element-UI中Select选择器讲解,手把手教学!
1137 0
Element-UI中Select选择器讲解(el-select详解)
VUE element-ui下拉菜单el-select获取label值或value的值
VUE element-ui下拉菜单el-select获取label值或value的值
2078 0
VUE element-ui下拉菜单el-select获取label值或value的值
Element el-select 选择器(下拉框)详解
本文目录 1. 用途 2. 数据绑定 2.1 固定选项 2.2 选项绑定数组 3. 功能效果 3.1 可清空选项 3.2 多选 3.3 可搜索 4. 事件响应 5. 小结
6400 0
Element el-select 选择器(下拉框)详解
element el-table固定列凹陷问题
element el-table固定列凹陷问题
163 0
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等