vue 傳參跳轉 iview、element組件

方法一
1.本頁vue跳轉連接。
<router-link  :to="{path:'/details_page',query: {type:items.types,id: items.id}}"  :data-types="items.types" class="link-des" :id='items.id'>link</router-link>

2.路徑router.js正常寫就能夠。
{
        path: '/details_page',
        meta: {
            title: ''
        },
        component: (resolve) => require(['./views/details_page/details.vue'], resolve)
}

3.接受參數值。
  this.$route.query.type
  this.$route.query.id

方法二
1.本頁vue跳轉連接。
<router-link :to="'/details_page/'+items.types+'/'+items.id"  :data-types="items.types" class="link-des" :id='items.id'>link</router-link>

2.路徑router.js。
{
        path: '/details_page/:type/:id',
        meta: {
            title: ''
        },
        component: (resolve) => require(['./views/details_page/details.vue'], resolve)
}, 

3.接收參數值。
   this.$route.params.type; 
   this.$route.params.id;