How to clear errors object in vee-validate?

Question

I'd like to clear all the errors from vee-validate in a sign out method, following code seems not working, the errors in the form is still being shown, why?

sign_out: function (e) {
    console.log('sign me out')
    var self = this
    firebase.auth().signOut().then(function () {

      console.log('sign out!')         
      self.info.email = ''
      self.errors.clear()  // clear errors object of vee-validate

    }, function (error) {

      console.log('sign out failed')

    })
  },

here is a jsFiddle that describe the problem in code, when you type '123', a warning is shown, then when you click 'clear', the field is set to '', and errors.clear(), was expecting the warning in the form will go away, but it is not:

https://jsfiddle.net/8j3z82bv/1/

Answer 1

I have come up with another solution that could help. in your input we'll add another listener so it will be like this:

<input type="email" name="email" v-model="info.email" v-validate="'required|email'" @input="validate">

then will add the validate function that call vee-validate function so your vue instance will be something like this:

var app = new Vue({
    el: '#app',
    data: {
        info: { email: '' }
    },

    methods: {

        onSignin: function (e) { },
        clear_proc: function (e) {
            delete this.info.email

            this.errors.clear()
        },
        validate: function () {
          this.$validator.validateAll();
        }
    }
})

Answer 2

Version (3.x)

this.$refs.observer.reset();