vue 防御性编程 错误处理（似于React 错误处理边界）
2020-12-01 本文已影响0人
凡凡的小web
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>
