為從應用程序內部傳播的未捕獲錯誤分配一個全局處理程序。
類型
interface AppConfig {
errorHandler?: (
err: unknown,
instance: ComponentPublicInstance | null,
// `info` is a Vue-specific error info,
// e.g. which lifecycle hook the error was thrown in
info: string
) => void
}
細節
錯誤處理程序接收三個參數:錯誤、觸發錯誤的組件實例和指定錯誤源類型的信息字符串。
它可以從以下來源捕獲錯誤:
- 組件渲染
- 事件處理程序
- 生命周期鉤子
setup()
函數- Watchers
- 自定義指令鉤子
- 過渡鉤子
示例
app.config.errorHandler = (err, instance, info) => {
// handle error, e.g. report to a service
}
相關用法
- Vue.js app.config.warnHandler用法及代碼示例
- Vue.js app.config.optionMergeStrategies用法及代碼示例
- Vue.js app.compilerOptions.isCustomElement用法及代碼示例
- Vue.js app.component()用法及代碼示例
- Vue.js app.compilerOptions.whitespace用法及代碼示例
- Vue.js app.compilerOptions.delimiters用法及代碼示例
- Vue.js app.compilerOptions.comments用法及代碼示例
- Vue.js app.directive()用法及代碼示例
- Vue.js app.use()用法及代碼示例
- Vue.js app.mount()用法及代碼示例
- Vue.js app.version用法及代碼示例
- Vue.js app.provide()用法及代碼示例
- Vue.js useSSRContext()用法及代碼示例
- Vue.js mergeProps()用法及代碼示例
- Vue.js pipeToWebWritable()用法及代碼示例
- Vue.js v-pre用法及代碼示例
- Vue.js h()用法及代碼示例
- Vue.js serverPrefetch用法及代碼示例
- Vue.js customRef()用法及代碼示例
- Vue.js <Transition>用法及代碼示例
- Vue.js inject()用法及代碼示例
- Vue.js mixins用法及代碼示例
- Vue.js ComponentCustomProps用法及代碼示例
- Vue.js reactive()用法及代碼示例
- Vue.js ComponentCustomProperties用法及代碼示例
注:本文由純淨天空篩選整理自vuejs.org大神的英文原創作品 app.config.errorHandler。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。