vue

路由之间是怎么跳转的?有哪些方式?

发布于 2021-01-11 17:01:46
关注者
0
被浏览
527
5 个回答
  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。

    首先最简单的方法: to里面可以写对象
    方法二:编程式当行: this.$router.go/replace/push
    注意这里有一个小bug,vue2.0-中没有捕获这个异常,就是多次点击请求同一个路由会报错误,你可以手动捕获异常 在mins.js中加入以下代码
    // 多次请求同一个路由手动捕获异常

    const originalPush = Router.prototype.replace
    Router.prototype.replace = function push(location) {
    return originalPush.call(this, location).catch(err => err)
    }
    const originalReplace = Router.prototype.push
    Router.prototype.push = function push(location) {
    return originalReplace.call(this, location).catch(err => err)
    }

  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。

    1.在vue中引入vue-router模块
    2.定义路由跳转规则

    有以下方式:
    1.在页面使用来定义导航链接
    2.使用编程式导航,push,replace,go

  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。

    首先最简单的方法: to里面可以写对象
    方法二:编程式当行: this.$router.go/replace/push
    注意这里有一个小bug,vue2.0-中没有捕获这个异常,就是多次点击请求同一个路由会报错误,你可以手动捕获异常 在mins.js中加入以下代码
    // 多次请求同一个路由手动捕获异常

    const originalPush = Router.prototype.replace
    Router.prototype.replace = function push(location) {
    return originalPush.call(this, location).catch(err => err)
    }
    const originalReplace = Router.prototype.push
    Router.prototype.push = function push(location) {
    return originalReplace.call(this, location).catch(err => err)
    }

    写反了吧?

  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。

    组件导航
    router-link router-view

    编程导航
    router.push
    router.replace
    router.go

  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。
知识点
面圈网VIP题库

面圈网VIP题库全新上线,海量真题题库资源。 90大类考试,超10万份考试真题开放下载啦

去下载看看