title: this.errors.clear(); Not working on Ajax request
body: <p>Am trying submit a form using axios and vuejs. I want to clear all error after form is successfully submitted. I know <code>this.errors.clear();</code> will not work because am in the axios object so I decided to hook onto my vue instance which is the <code>contact</code> variable and do <code>contact.errors.clear();</code> But it still does not work.</p>
  
  <p>This is my js.</p>
  
  <pre><code>   new Vue({
        el: '#contact',
  
        data: {
  
        token: '',
        name: '',
        email: '',
        message: ''
    },
  
     methods: {
  
       axiosHeaders() {
           axios.create({
            timeout: 1000,
            headers: {'X-Custom-Header': token}
          });
      },
  
       onSubmitContactForm() {
          $this = this;
          this.axiosHeaders();
           axios({
  
           method: 'post',
  
            url: contactForm,
  
           data: {
              token: this.token,
              name: this.name,
              email: this.email,
              message: this.message
           }
  
        }).then((response) =&gt; {
  
            $vm.errors.clear();
            $this.successMessage();
            $this.name = ''; $this.email = ''; $this.message = '';
  
         }).catch((error) =&gt; {
  
          $this.errorMessage();
          console.log(error.response);
      });
  
  
      }
    }
  })
  </code></pre>