vue+element必填项，提交时显示，点击input不显示

vue+element必填项，提交时显示，点击input不显示

今天写了一个简单的vue页面，提交表单。UI嫌弃用户点着玩我们就弹出“请输入必填”，体验不好。

所以我

1. HTML

<el-form-item label="联系方式" prop="phone">
       <el-input
        v-model="orderForm.phone"
        placeholder="请输入联系方式"
        :validate-event="false">//这句最重要，加了他就成了
        </el-input>
  </el-form-item>

2. export default

 phone: [
            { required: true, message: '请输入联系方式' },//去掉blur，光标就不会影响他啦
  ],

3. js 提交时判断一下子，非空不能提交。

`this.$refs[orderForm].validate((valid) => {
          if (valid) {
          }
  }