小编Tho*_*ent的帖子

vee-validate:仅在满足条件时才需要

我正在使用Vuejs2和vee-validate进行表单验证.这是一个很棒的包,但是我很难实现条件必需字段.

选择特定的无线电选项时,我需要两个选择的字段.当没有选择该无线电时,我希望两个选择字段是可选的.

我尝试过使用attachdetach方法.我可以成功分离验证.我可以看到当我附加一个它出现在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)

validation vue.js vuejs2

8
推荐指数
2
解决办法
1万
查看次数

标签 统计

validation ×1

vue.js ×1

vuejs2 ×1