无法验证 vue.js 中的字段

Question

我的表单上生成了动态字段，所有要设置的验证都是从数据库中检索的（即该字段是必需的还是可选的，并且数值或字符串都保存在数据库中），现在当页面呈现我想验证我的表单我正在尝试编写我自己的自定义方法但它无法验证表单，问题在于自定义方法错误消息未显示并且表单也在未经验证的情况下提交。

<input v-model="field.user_value" :name="field.name" v-on:input="validateTextInput(field.field_validations,$event)" type="text" class="form-control input-md form-control"/>

methods: {
    validateTextInput(validations,event)
    {
      if(validations.req=='required')
      {
       if(event.target.value=='')
       {
         alert('This field is required');
         return false;
       }

       if(validations.allowed=='string')
       {
        
       }


      }

Answer 1

您没有为事件使用正确的变量，请使用 $event 而不是 e.target.value

<input v-model="field.user_value" :name="field.name" v-on:input="validateTextInput(field.field_validations, $event)" type="text" class="form-control input-md form-control"/>

methods: {
    validateTextInput(validations,event)
    {
      if(validations.req=='required')
      {
       if(event.target.value=='')
       {
         alert('This field is required');
         return false;
       }

       if(validations.allowed=='string')
       {
        
       }


      }