nuxt 使用路由的几种方式

  • nuxt-link方式
    使用标签方式,:to是要到达的页面,和html 的a标签类似
<nuxt-link  :to="/"></nuxt-link>
  • this.$router.push方式
this.$router.push({ name: "/" })
  • this.$router.resolve方式
    这种方式可以携带参数,类似url?param2=1&param2=2
let routeData = this.$router.resolve({
                        name:"a",
                        query:{param1:"1",param2:"2"}
                    });
   window.open(routeData.href,"_blank");

在a页面这样接收参数

async asyncData({ query,app, error, req }){
        let auth = getAuth(req);
        var param1= query.param1;
        var param2= query.param2;
        }

猜你喜欢

转载自blog.csdn.net/u012842714/article/details/103716053
今日推荐