一般 el-select通过v-model同步传值(一般是传id)
有时需要选择后同时保存id和name
这时可以通过**@change**方法来实现,代码如下:

<el-select
  v-model="id"
   placeholder="请选择所属分类"
   class="form-input"
   @change="handleDirChange($event)"
 >
   <el-option
     :label="item.dirName"
     :value="item.id"
     v-for="(item, index) in directoryList"
     :key="index"
   ></el-option>
 </el-select>

$event 的值是 v-model对应的字段id

//通过id找到数组中对应的项,然后取出需要的值

 handleDirChange(id) {
    let dir = this.directoryList.find((item) => item.id === id);
    this.dirName = dir.dirName;
  },

重点在于el-select中的@change

Logo

前往低代码交流专区

更多推荐