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>
相关文章
|
前端开发 JavaScript Java
Element-UI中Select选择器讲解(el-select详解)
案例详解Element-UI中Select选择器讲解,手把手教学!
1078 0
Element-UI中Select选择器讲解(el-select详解)
|
JavaScript 数据格式
VUE element-ui下拉菜单el-select获取label值或value的值
VUE element-ui下拉菜单el-select获取label值或value的值
1971 0
VUE element-ui下拉菜单el-select获取label值或value的值
|
2月前
element el-table 设置fixed导致行错乱问题
文章讨论了在使用Element UI的`el-table`组件时,设置固定列(`fixed`)导致行错乱的问题,并提供了解决方案。问题产生的原因是当表格底部有滚动条而固定列底部没有滚动条时,行无法对齐。解决办法是在表格中设置`padding-bottom`的内边距与滚动条高度相等,确保固定列和非固定列的行能够对齐。
678 0
|
开发者
element el-table固定列凹陷问题
element el-table固定列凹陷问题
111 0
【element-ui用法】el-radio-group默认选择和数据回显问题的解决方案
【element-ui用法】el-radio-group默认选择和数据回显问题的解决方案
711 0