elementui el-select change事件传参

最新推荐文章于 2024-08-20 17:53:39 发布

周家大小姐.

最新推荐文章于 2024-08-20 17:53:39 发布

阅读量2.2w

点赞数 6

分类专栏： element vue3.0

本文链接：https://blog.csdn.net/qq_40190624/article/details/105045197

版权

element 同时被 2 个专栏收录

94 篇文章 7 订阅

订阅专栏

67 篇文章 0 订阅

订阅专栏

需求:当用户选择select的时候change事件需求获取到当前的整个值

:value的时候把整个item都传进去,用value-key接收就会传给change事件

   <el-select v-model="ruleForm.userName" :loading="commissionerListLoading" value-key="item" class="control" placeholder="请选择" @change="handleCommissioer">
            <el-option v-for="(item,idx) of commissionerList" :key="idx" :label="item.userName" :value="item"/>
          </el-select>

但是会发现当赋值的时候数据有变但是视图不变;可以用change中修改

  // 选择专员姓名
      handleCommissioer(val) {
        console.log(val)

        this.ruleForm.userName = val.userName
        this.ruleForm.userCode = val.userCode
        this.getLifeInsurance(val.userCode)
      },