vue 路由传参

<router-link :to="{ name:'router1',params: { id: status}}" >正确</router-link>
<router-link :to="{ name:'router1',params: { id2: status}}">错误</router-link> //这种也可以


this.$router.push({   path:"/discover", //可选 name:"discover", params: { id: 5555}, query: { queryId: 66666 } // })

  条件:路由配置中必须有name参数;

{
     path: '/discover',
     name: 'discover',
     component: discover
},

  

弊端:

刷新页面  params 参数会丢失;
根据网上大神的建议,再路由配置中加了path: '/describe/:id', 相当于混合了第一种方式; 但是。。。。。。。。
query不会;
 mounted(){
    var pars = this.$route.params;
    var quer = this.$route.query;
    console.log(pars)  //{id: 5555}
    console.log(quer) //{queryId: 66666}
  }

  

posted @ 2018-06-24 00:07  \面朝阳光/  阅读(115)  评论(0编辑  收藏  举报