el-select获取value值和label值

最新推荐文章于 2024-02-01 15:09:02 发布

jooner888

最新推荐文章于 2024-02-01 15:09:02 发布

阅读量1k

点赞数

分类专栏： elemenui 文章标签： elementui vue.js javascript

本文链接：https://blog.csdn.net/zhuwang219/article/details/125339712

版权

elemenui 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

改成：

:value="{ value: item.value, label: item.label}"

代码如下：

<el-form-item label="开户银行：" prop="bankName">
  <el-select v-model="bankForm.bankName" placeholder="请选择开户银行" @change="changeBank">
     <el-option v-for="item in bankList"
                :key="item.value"
                :label="item.name"
                :value="{value: item.value, label: item.name}"
     ></el-option>
   </el-select>
</el-form-item>


bankList:[
   {
      value:1,
      name:"工商银行"
   },
   {
      value:2,
      name:"招商银行"
   }
],


// 选择银行
changeBank(data){
  const { value, label } = data
  this.payInfoForm.bankId = value
  this.payInfoForm.bankName = label
},