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;


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM