我正在使用Vuejs2和vee-validate进行表单验证.这是一个很棒的包,但是我很难实现条件必需字段.
选择特定的无线电选项时,我需要两个选择的字段.当没有选择该无线电时,我希望两个选择字段是可选的.
我尝试过使用attach和detach方法.我可以成功分离验证.我可以看到当我附加一个它出现在fields对象中的字段时.但它没有被验证者接收.
这是我的代码:
<template>
<form class="ui form" role="form" method="POST" action="/activate" v-on:submit.prevent="onSubmit" :class="{ 'error': errors.any() }">
<div class="ui segment">
<h4 class="ui header">Basic Company Information</h4>
<div class="ui message">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div class="field" :class="{ 'error': errors.has('name') }">
<div class="ui labeled input">
<label class="ui label" for="name">
Company
</label>
<input id="name" type="text" name="name" v-validate="'required'" v-model="name">
</div>
</div>
<div class="ui error message" v-show="errors.has('name')">
<p>{{ errors.first('name') }}</p>
</div>
<div class="grouped fields" :class="{ 'error': …Run Code Online (Sandbox Code Playgroud)