this.errors.clear（）;没有处理Ajax请求

Question

尝试使用axios和vuejs提交表单。我想在表单成功提交后清除所有错误。我知道this.errors.clear();将不起作用，因为我在axios对象中，所以我决定挂钩我的vue实例，即contact变量并执行contact.errors.clear();但它仍然无效。

这是我的js。

   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) => {

          $vm.errors.clear();
          $this.successMessage();
          $this.name = ''; $this.email = ''; $this.message = '';

       }).catch((error) => {

        $this.errorMessage();
        console.log(error.response);
    });


    }
  }
})