when I change the page the errors of the form remain, I would like them to disappear once I change the page, instead when I return to the page I always view them. How can i do?

these are my errors

<template>
  <b-form @submit="onSubmit">
    <div v-if="getError">
  <div v-for="(_errors, key) in getError">
   <b-alert
      v-for="error in _errors"
      show
      variant="danger"> 
   
      <h2>{{ formatKey(key) }} :</h2>
      <li>{{ error }}</li>
    </b-alert>
  </div>
</div>

this is my js

    
  computed: {
    ...mapGetters([
      'getError'
    ]),

  methods : {
    starDate() {
      return Date.now()
    },
    highlightFrom (elem) {
      this.validate_start = true
      this.disabledDates.to = elem
    },
    validate (elem){
      return elem !== null && elem !== ''
    },
    setSelected(value) {
     this.hiring_contract_category = value;
     this.contract = value === 'contract';
    },
    async onSubmit(event) {
      this.errors = false;
      this.$store.commit('commit_contractable_id', this.id)
      await this.$store.dispatch('create_contract', this.form)
    },


     formatKey (key) {
      return this.$t('vue.' + key.replace('contract_data.', ''))
    }