美文网首页vue
vue 编程式导航

vue 编程式导航

作者: super静_jingjing | 来源:发表于2018-08-29 15:21 被阅读0次

编程式导航其实就是用javascript来实现页面之间的跳转;
使用下面的方式把同样可以跳转

this.$router.push({path:'news'});
//传值。变成 /news? aid =343  在news页面使用get方式获取aid
this.$router.push({ path: 'news', query: { aid: '343' }})

也可以写成命名路由的方式:

this.$router.push({ name: 'news', params: { aid: 123 }});

在编程式路由中name和path不可同时存在

相关文章

  • 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/slzhwftx.html