Vee-使用范围

时间:2018-05-30 00:29:47

标签: vuejs2 vee-validate

我想创建一个自定义组件来使用Vee-Validate范围来显示错误。

目前,我正在以下列方式处理具有范围的表单。

提交方法:

   methods: {
      onSubmit(scope) {
        console.log(this.$validator)
        this.$validator.validateAll().then((result) => {
          if (result) {
            alert('Form Submitted!');
          }
        });
      }
    }

HTML

<label>Name</label>

<input v-model="form_fields.name" data-vv-as="Partner name" data-vv-name="PartnerName" v-validate="'required'" :class="{'input': true, 'is-danger': errors.has('form-partner.PartnerName') }" type="text" class="form-control">

<div v-show="errors.has('form-partner.PartnerName')" class="help is-danger text-red">{{ errors.first('form-partner.PartnerName') }}</div>

这意味着我必须在表格中多次重复errors.has('form-partner.PartnerName')次。

我想简化如下。

<error-form :status="errors" :css-class="'is-danger'" label="Company Name" field="name">
    <b-form-input v-validate="'required'" class="form-control" v-model="form_fields.name" name="name" data-vv-as="Company Name"
      type="text" />
</error-form>

Similar to the implementation from here!但这不适用于范围。

我希望使用scopes完成验证。我将范围传递给error-form,作为如下所示的道具。

///scope here
<error-form :status="errors" :scope='form-registraion' :css-class="'is-danger'" label="Company Name" field="name">

那么,我如何使用范围检查我的error-form组件?范围可以是强制性的或要求的。

0 个答案:

没有答案