(vue)实现页面跳转 并且同时带上参数 进行传递

 假若 有两个或多个页面  我要实现从A  页面跳转到B 页面 并且把值A页面获取的值  带到B页面去。

    直接使用this.$router.push({name:'B',params:{data:'这是一个测试'}});

          name  是指目标页面的name值 (路由中看)  data:''  要传的值

     但是没有name怎么办?所有还有个path  

    另外还有一种方法   this.$router.push({path:'B',query:{data:'123456'}});

    path 目标页面的path值  (路由中看)  data:''    要传的值

      其实两者的语法都是一样的,但是千万不要把两者记混了!!!!

 还记得我之前写过的一篇关于简单页面跳转的文章吗?那个也可以实现上面的效果

    <router-link :to="{name:'B',params:{data:'这是一个测试'}}"></router-link>

     同理 还有个另外一种的写法 我就不详细写了,具体可以看上面。

   

     

猜你喜欢

转载自blog.csdn.net/weixin_43932281/article/details/86156704