1.表单增加ref="jobName"
<el-form ref="form" :model="form" :rules="rules" label-width="90px" :disabled="leftToolBar.isView" size="small">
<el-row>
<el-col :span="6">
<el-form-item label="姓名" prop="name">
<el-input v-model="form.name" placeholder="请选择员工" readonly @focus="oaEmployeeClick" ref="jobName" />
</el-form-item>
</el-col>
</el-row>
</el-form>
2.input框作为弹框使用,不可输入。trigger用change,不用blur
rules: {
name: [
{
required: true,
message: '请选择姓名',
trigger: 'change',
},
],
},
3.点击打开弹框时,增加失去焦点的方法
//员工姓名点击事件
oaEmployeeClick() {
this.isEmployee = true
this.oaEmployeeTitle = '选择员工'
this.$refs['jobName'].blur()
},