当我用 vuejs 输入时隐藏的错误

Question

当我更改页面时，表单的错误仍然存​​在，我希望它们在我更改页面后消失，而不是当我返回页面时，我总是查看它们。我该怎么办？

这是我的错误

<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>

这是我的 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.', ''))
    }

Answer 1

当你的组件被挂载时尝试清除。

mounted() {
  // commit to store using mutation (you will need to update your store with method...
  this.$store.commit('clear_errors')
}