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;