解决自定义组件表单验证不能及时生效，提交的时候才生效的方法

问题：

如图，内容已经填写，但是非空提示语还在，只有点击后面的确定按钮才会生效

解决办法：

在子组件的input事件添加手动校验，如果是远程查询组件的话还要在change事件添加手动校验：

<el-form-item prop="policyNo" class="append-form-item">
              <remote-search
                ref="appendPolicyNo"
                :result="appendForm.policyNo"
                class="write-off-input"
                @input="validateField('policyNo')"
                @change="validateField('policyNo')"
              />
            </el-form-item>

// 解决自定义组件表单验证不能实时生效，只能点击确定按钮才生效的问题
    validateField(type) {
      this.$refs.appendForm.validateField(type)
    }

即可！