博客

【vue】el-select 获取选中节点的对象

  • Post author:
  • Post category:vue



遇到的问题

在获取el-select选中的节点数据同时，还需要获取自定义加入的一些节点属性，若采用v-model绑定的参数进行获取，仅能获取到label值，获取不到属性。


解决办法

在获取 el-select 选中节点的节点数据时， 需要 :value=“item” item 为对象， 那么 必须 绑定 value-key=“id” 

<el-select value-key="id" v-model="khzb" 
    placeholder="请选择" @change="changeTelescopic">
    <el-option multiple v-for="item in dzbList" :key="item.id" 
        :label="item.name"   :value="item"></el-option>
</el-select>

changeTelescopic(data) {
      this.khzb = data;
      console.log(data);
      // 这里的data 是整个选中的节点数据， 包括id ， name 以及其他
    }