美文网首页
vue 防御性编程 错误处理(似于React 错误处理边界)

vue 防御性编程 错误处理(似于React 错误处理边界)

作者: 凡凡的小web | 来源:发表于2020-12-01 17:14 被阅读0次
Vue.component('ErrorBoundary', {
  data: () => ({ error: null }),
  errorCaptured (err, vm, info) {
    this.error = `${err.stack}\n\nfound in ${info} of component`
    return false
  },
  render (h) {
    if (this.error) {
      return h('pre', { style: { color: 'red' }}, this.error)
    }
    // ignoring edge cases for the sake of demonstration
    return this.$slots.default[0]
  }
})

使用

<error-boundary>
  <another-component/>
</error-boundary>

浅出Vue 错误处理机制errorCaptured、errorHandler

相关文章

网友评论

      本文标题:vue 防御性编程 错误处理(似于React 错误处理边界)

      本文链接:https://www.haomeiwen.com/subject/ejiswktx.html