vue element ui 清空下拉text和获取下拉text

<el-form-item label="机台名称" prop="machineId">

        <el-select

          v-model="queryParams.machineId"

          ref="machineId"

          placeholder="请选择"

          @change="changeSelect"

          clearable

          size="small"        

        >

          <el-option

            v-for="obj in machineList"

            :key="obj.id"

            :label="obj.name"

            :value="obj.id"

          />

        </el-select>

      </el-form-item>

//清空下拉text

this.$set(this.queryParams, 'machineId', '')

//获取下拉text

changeSelect(val) {

let obj = {};

obj = this.machineList.find((item)=>{//这里的userList就是上面遍历的数据源

return item.id === val;//筛选出匹配数据

});

console.log(obj.name);//获取的 name

console.log(val);//获取的 id

}