(二十四)处理导航错误

2023-02-22 18:46:11 浏览数 (2)

处理导航错误
一、路由中可能出现的错误
  1. 处理错误
代码语言:javascript复制
const failure = await this.$router.psuh("/blogs")
// 通过打印返回值查看是否是导航错误
console.log(failure)

2. 判断是否为一个错误,需要导入 isNavigationFailure 这个函数,这个函数需要通过 vue-router 导入进来

代码语言:javascript复制
import { isNavigationFailure } from 'vue-router'
const failure = await this.$router.psuh("/blogs")
// 通过打印返回值查看是否是导航错误
console.log(isNavigationFailure(failure))
// 输出为 true 证明有错误

3. 处理错误的返回值也也包含 tofrom

代码语言:javascript复制
const failure = await this.$router.psuh("/blogs")
console.log(failure.to, failure.from)

0 人点赞