title: vee-validate different text-field values
body: <p>I use vee-avlidate 3 and Nuxt.js</p>
  
  <p>How can I make a rule that checks 2 text-field values are different ?</p>
  
  <p>For example the <code>current_password</code> field should be different from <code>new_password</code> field.</p>
  
  <p><strong>Password.vue</strong></p>
  
  <pre><code>&lt;template&gt;
    &lt;v-app&gt;
      &lt;ValidationObserver ref="form" v-slot="{ invalid, validated, passes, validate }"&gt;
        &lt;form&gt;
          &lt;ValidationProvider rules="required|min:6" v-slot="{ errors, valid }"&gt;
            &lt;v-text-field
              v-model="current_password"
              label="Current Password"
              type="password"
              :success="valid"
              :error-messages="errors"
            /&gt;
          &lt;/ValidationProvider&gt;
          &lt;ValidationProvider rules="required" v-slot="{ errors, valid }"&gt;
            &lt;v-text-field
              v-model="new_password"
              label="New Password"
              type="password"
              :success="valid"
              :error-messages="errors"
            /&gt;
          &lt;/ValidationProvider&gt;
        &lt;/form&gt;
      &lt;/ValidationObserver&gt;
    &lt;/v-app&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import { ValidationObserver, ValidationProvider } from "vee-validate";
  export default {
    data() {
      return {
        current_password: "",
        new_password: "",
      };
    },
    components: {
      ValidationObserver,
      ValidationProvider
    },
  };
  &lt;/script&gt;
  </code></pre>
  
  <p>Thanks</p>