【vue】element ui select选择一个选项传两个值

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


   
 

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

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

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

重点在于el-select中的@change

你可能感兴趣的:(vue开发实践总结,vue.js,ui,javascript)