命名式vue路由传参的踩坑

2018-05-17

最近在重构之前写的electron-vue项目，发现以前老是滥用vuex传值，于是想重新整理项目中的数据传递过程，然后在命名式导航上踩了个坑~~~~~~~~~

命名式导航用query传参，路由地址可以用path指定，但是要用params传参的时候必须用name指定目标组件名，否则无法在$route上获取参数

<router-link :to="{path:'/pages/mainPage',query:{array:[1,2,3,4]}}" > 
    <li>导航1</li>
</router-link>

<router-link :to="{name:'infoPage',params: { array: [1,2,3,4] }}" > 
    <li>导航2</li>
</router-link>