获取el-select当前选中的对象的内容

11,841 阅读1分钟

<el-select v-model="wayName" value-key="id" placeholder="请选择线路" size="small" style="width:60%"
              @change="changeCheckWay">
              <el-option v-for="item in ways" :key="item.id" :label="item.wayName" :value="item">
              </el-option>
            </el-select>


方法:

//获取巡检路线id
      changeCheckWay(item) {
        console.log(item);
        let _this = this;
        _this.ruleForm.checkWayId = item.id;
        _this.ruleForm.wayName = item.wayName;
      },


解决方法:el-option中传入的value值为对象,利用其@change方法,可以获取选中的对象


change 事件中,会获取到当前选中的值(因为默认会将event参数传递过去)

即 @change="changeCheckWay" 等价于 @change="changeCheckWay($event)"


以上为个人理解,希望对需要的人有所帮助