效果图:
控制台打印:
给el-select绑定change事件,当值改变的时候就会触发
<el-select class="workshop" :multiple="multipleFlag" @change="selectGetFn"
v-model="worksGUID3" key="workshop3" clearable>
<el-option
v-for="item in watchWorks"
:key="item.GUID"
:label="item.名称"
:value="item.GUID">
</el-option>
</el-select>
methods中定义方法 selectGetFn
this.watchWorks是获取的所有车间
// 获取车间name
selectGetFn(GUIDArr) {
if (this.multipleFlag) {
for (let i = 0; i < GUIDArr.length; i++) {
let obj = this.watchWorks.find((item) => {
return item.GUID === GUIDArr[i]
})
this.$set(this.worksNameArr, i, obj.名称)
}
console.log('选择的车间', this.worksNameArr);
}
},