# 页面错误拦截

为了更好定位vue页面内的语法错误，方便开发者调试、规避因页面错误引起的白屏，我们在银商小程序内引入了错误显示和拦截机制。

# 语法错误显示

当页面运行到语法错误点时，该页面顶部会显示语法错误信息如下：

语法错误信息包含以下三个部分：

• errCode: 错误类型编号。类型编号及对应用的说明可参照错误类型详情
• file: 当前出错的文件
• Exception: 错误栈输出。通常我们可以根据错误栈，快速定位到页面内出错的位置

# 错误类型详情

# 错误拦截处理

错误拦截处理类似设备按键拦截操作，在根节点声明错误处理函数 @error=<errorFunction>。 在错误处理函数内对页面错误进行处理，比如：跳转到错误页面。

示例如下：

<template>
    <!-- 根节点声明错误处理函数errFunc -->
    <div class="wrapper" @error="errFunc">
    ...
    </div>
</template>

import umsApi from 'ums-api'
...
// errFunc的实现
errFunc (ret) {
    umsApi.storage.setItem('errorData', ret)  //存储错误信息，以便在error.js内取出处理
    umsApi.navigator.push({'url':'error.js'})  //跳转到出错页面
}
...