做网站技术员/百度信息

<template><div style="margin-top: 40px"><el-selectv-model="form.name"placeholder="请选择名称"clearablefilterableref="selectName"allow-create@blur="nameBlur($event)"@visible-change="visibleNameChange"@change="nameChange"default-first-option><el-option v-for="item in equipNameOptions" :key="item.id" :label="item.name" :value="item.name"> </el-option></el-select></div>
</template><script>
export default {data() {return {form: {name: ''},equipNameOptions: [],isNameSelect: '',};},mounted() {},methods: {nameBlur(e) {if (e.target.value) {this.isNameSelect = e.target.value}},nameChange(val) {this.isNameSelect = val},visibleNameChange(val) {if (!val) {this.form.name = this.isNameSelect}}}
};
</script><style lang="scss" scoped></style>

注意： @change和@blur冲突，blur事件比change事件先执行，导致无法激活change传值。