How to intercept the error of child components from the parent component?

Question

Vue.js

Hello, an unknown error is coming in child components. How can it be intercepted in the parent to block the window from showing the banner? Moreover, it can come on any action, creating, deleting a download. It is displayed in the console, I don’t want to check for a similar error in every action, since it is the same for all child components.

Answer 1

call $emit function inside child component

methods: {
  example () {
    this.$emit('example', {
      test: this.testParams,
    })
  }
}

parent component

<сhildComponent @example='onExample' />
methods: {
  onExample (data) {
    console.log('child component said', data)
  }
}