美文网首页
vue编程式导航

vue编程式导航

作者: 腹黑De狼 | 来源:发表于2019-11-20 10:15 被阅读0次

导航是根据历史记录栈来进行前进后退页面的匹配

methodes:{
方法(){this.route.push(/document)}//可以直接跳到指定页面,往记录栈里面#添加#一个新的记录 方法(){this.route.replace(/document)}//可以直接跳到指定页面,#替换#记录栈当前的记录
方法(){this.route.back()}//在当前历史记录栈#后退#一步, 方法(){this.route.forward()}//在当前历史记录栈#前进#一 步,
方法(){this.$route.go(-1)}//值是负数为后退,正数为前进,数字是步数。如果跨越的步数超出历史记录栈的上下限会无效。如果为0,会刷新当前页面
}

相关文章

  • Vue应用

    Vue项目 Vue结构 Vue项目打包与发布 Vue语法二 Vue网络请求 Vue路由 动态路由 编程式路由导航

  • vue-router路由拦截器

    Vue Router 是vue.js官方路由管理器 路由出口 声明式导航 编程式导航 全局前置守卫 全局后置钩子 ...

  • vur-router知识点总结

    编程式导航 router.push 注意:在 Vue 实例内部,你可以通过 router.push。想要导航到不同...

  • vue-router传递参数的几种方式

    vue-router传递参数分为两大类 编程式导航 router.push 声明式的导航 ...

  • this.$router.push/replace/go

    vue的编程式导航 1. this.$router.push 简介 可以导航到不同的 URL。会向 history...

  • vue 编程式导航

    编程式导航其实就是用javascript来实现页面之间的跳转;使用下面的方式把同样可以跳转 也可以写成命名路由的方...

  • vue编程式导航

    导航是根据历史记录栈来进行前进后退页面的匹配 methodes:{方法(){this.route.replace(...

  • Vue 编程式导航

    编程式导航 #[https://router.vuejs.org/zh/api/#router-push]rout...

  • vue-router传递参数的几种方式2020-11-18

    vue-router传递参数分为两大类 编程式的导航 router.push 声明式的导航

  • day04-vuejs项目-商城(4)&&vue

    vue-router中编程式导航: 区分 this.router 这两个对象,其中: this.$route 是路...

网友评论

      本文标题:vue编程式导航

      本文链接:https://www.haomeiwen.com/subject/ysswictx.html