Vee-验证验证组

时间:2017-09-20 13:38:52

标签: validation vue.js vue-component vee-validate

我使用我的项目的vee-validate。但我正在闲逛。

我有3个输入字段。 当这些字段中只有一个有效时,其他输入必须有效。

实施例。像jquery

Jquery validation groups

1 个答案:

答案 0 :(得分:0)

我找到了正确的解决方案:

HTML CODE

 <VirtualHost *:80> 
ServerName myapp.dev 
DocumentRoot home/vagrant/code/public 
<Directory "home/vagrant/code/public/">  
  Options +Indexes +Includes +FollowSymLinks +MultiViews
  AllowOverride All 
  #Require local  
  Require all granted 
</Directory>
</VirtualHost>

JS计算代码

<input type="text" name="mobilePhone" class="form-control" v-model="form.mobilePhone" v-validate ="{ rules: { required: contactInfo} }" :class="{'input': true, 'is-danger': errors.has('mobilePhone') }">

<input type="text" name="emailAddress" class="form-control" v-model="form.emailAddress" v-validate ="{ rules: { required: contactInfo} }" :class="{'input': true, 'is-danger': errors.has('emailAddress') }">

<input type="text" name="phoneNumber" class="form-control" v-model="form.phoneNumber" v-validate ="{ rules: { required: contactInfo} }" :class="{'input': true, 'is-danger': errors.has('phoneNumber') }">