152Vue-编程式导航$router.push\$router.go+back()

最新推荐文章于 2023-10-26 16:38:45 发布

教练我真的想敲代码

最新推荐文章于 2023-10-26 16:38:45 发布

阅读量289

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/Gy_9543/article/details/107893548

版权

在这里插入图片描述

Vue-Router中常见的导航方式：

this.$router.push("hash地址");
this.$router.push("/login");
this.$router.push({ name:'user' , params: {id:123} });
this.$router.push({ path:"/login" });
this.$router.push({ path:"/login",query:{username:"jack"} });

this.$router.go( n );//n为数字，参考history.go
this.$router.go( -1 );1历史记录前进一位-1后退一位

带name的路由端也要声明一样的name
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document

最低0.47元/天解锁文章

教练我真的想敲代码

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
152Vue-编程式导航$router.push\$router.go+back()

Vue-Router中常见的导航方式：this.$router.push("hash地址");this.$router.push("/login");this.$router.push({ name:'user' , params: {id:123} });this.$router.push({ path:"/login" });this.$router.push({ path:"/login",query:{username:"jack"} });this.$router.go( n );.
复制链接

扫一扫

专栏目录