获取Element的select的value和label值的几种方法

        <el-form-item label="申请单位" prop="companyId">
            <el-select
              v-model="form.companyId"
              placeholder="请选择"
              @change="getSelects"
              ref="abc"
            >
              <el-option
                v-for="item in companysList"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </el-select>
          </el-form-item>

   form: {
        companyId: '',
        companyname:'',
      },

 这个currentLabel 应该可能组件自带 我试了两个页面 确实打印出来了选中的名

    getSelects(value){
      this.form.companyId = value;
      // 注意！！！！：一定要是在nextTick数据更新后才会有值
      this.$nextTick(() => {
        this.form.companyname = this.$refs["abc"].selected.currentLabel;
      });
    },

 方法二：  如果使用上面的方法打印不出结果

那么就把@change换成@click.native   下面方法函数不变