element ui中输入框绑定点击事件并且验证必填

 

给input 加上ref 为custInfo

<el-col :span="10">
              <el-form-item label="客户:" prop="custInfo">
                <el-input v-model="optForm.custInfo" placeholder="请选择客户" ref="custInfo" :disabled="isLook" @focus="selectClient"/>
              </el-form-item>
            </el-col>

 在focus事件中添加代码

 //打开选择客户弹窗
    selectClient(){
      this.clientSelectVisible = true
      this.$refs['custInfo'].blur()
    },

在data中定义必填的规则，其中trigger: 'change'

custInfo:[
          { required: true,trigger: 'change',message:'该项为必填项'}
],