vue基于elementUI下拉Select同时获取value/id和label/name的值

// @change="onSelectedDrug($event)"
		<el-select
          v-model="searchForm.payee"
          placeholder="请选择"
          filterable
          clearable
          @change="onSelectedDrug($event)"
        >
          <el-option
            v-for="(item, i) in collectList"
            :key="i"
            :label="item.userName"
            :value="item.statementId"
          />
        </el-select>

onSelectedDrug(e) {
	  this.collectList=[{
	    "userPhone": "18000000000",
	    "statementId": 123,
	    "userName": "张三"
	  }]
      let obj = {};
      console.log(this.collectList);
      obj = this.collectList.find(item => {
        //这里的userList就是上面遍历的数据源
        return item.statementId === e; //筛选出匹配数据
      });
      console.log(obj.userName); //获取的 name;label
      console.log(e); //获取的 id//value
      this.searchForm.payee = obj.userName;
    },
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:2 个月前 )
c345bb45 6 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 6 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐