title: Use vee-validate to validate select list with radio button exchange not show up validate message
body: <p>I have a form use radio to exchange select lists but the validate message seems not to work correctly.
  this is my form and the TypeA validate message does work:
  <a href="https://i.stack.imgur.com/uSYeL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uSYeL.png" alt="enter image description here"></a></p>
  
  <p>but when I change radio button to TypeB the validate message does not work:
  <a href="https://i.stack.imgur.com/lE0g2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lE0g2.png" alt="enter image description here"></a></p>
  
  <p>and also if I click submit button and if TypeA validate is not correct and I change to TypeB to submit it, the validation will not pass because it looks like vee-validate only validated TypeA...</p>
  
  <p>And here is my code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;form id="form" @submit.prevent="validateBeforeSubmit"&gt;
      &lt;label&gt;Type A&lt;/label&gt;
      &lt;input type="radio" v-model="Type" value="TypeA" /&gt;
      &lt;label&gt;Type B&lt;/label&gt;
      &lt;input type="radio" v-model="Type" value="TypeB" /&gt;
  
      &lt;table&gt;
          &lt;tr v-if="Type==='TypeA'"&gt;
              &lt;td&gt;
                  &lt;select v-model="TypeA" v-validate="'required|not_in:Choose'" name="TypeA"&gt;
                      &lt;option v-for="option in TypeAOptions" v-bind:value="option.value"&gt;
                          {{ option.value }}
                      &lt;/option&gt;
                  &lt;/select&gt;
                  &lt;span v-if="errors.has('TypeA')"&gt;
                      {{ errors.first('TypeA')}}
                  &lt;/span&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr v-if="Type==='TypeB'"&gt;
              &lt;td&gt;
                  &lt;select v-model="TypeB" v-validate="'required|not_in:Choose'" name="TypeB"&gt;
                      &lt;option v-for="option in TypeBOptions" v-bind:value="option.value"&gt;
                          {{ option.value }}
                      &lt;/option&gt;
                  &lt;/select&gt;
                  &lt;span v-if="errors.has('TypeB')"&gt;
                      {{ errors.first('TypeB')}}
                  &lt;/span&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
      &lt;button type="submit"&gt;Submit&lt;/button&gt;
  &lt;/form&gt;
  
  &lt;script src="https://cdn.jsdelivr.net/npm/vue"&gt;&lt;/script&gt;
  &lt;script src="https://cdn.jsdelivr.net/npm/vee-validate@latest/dist/vee-validate.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
      Vue.use(VeeValidate);
      var form = new Vue({
          el: '#form',
          data: {
              Type: 'TypeA',
              TypeA: 'Choose',
              TypeAOptions: [{
                      value: 'Choose'
                  },
                  {
                      value: 'A',
                  },
                  {
                      value: 'B'
                  },
                  {
                      value: 'C'
                  },
                  {
                      value: 'D'
                  }
              ],
  
              TypeB: 'Choose',
              TypeBOptions: [{
                      value: 'Choose'
                  },
                  {
                      value: '1'
                  },
                  {
                      value: '2'
                  },
                  {
                      value: '3'
                  },
                  {
                      value: '4'
                  }
              ],
          },
          methods: {
              validateBeforeSubmit() {
                  this.$validator.validateAll().then((result) =&gt; {
                      if (result) {
                          alert("Submit Success");
                          return;
                      }
                      alert("Correct them errors!");
                  });
              }
          }
      })
  &lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I don't know how to fix this problem, can someone help me?</p>