Vue 路由传参

vue路由跳转路由配置传参方式跟传参方式

路由配置传参：

在配置路由时 例如 "/my/:uid/:uname/:token"
页面url为 http://XXX.com/my/23/zhangman/232454
接收方式 this.$route.params.uid

传参方式：

例 http://XXX.com/my?id=1&
接收方式 this.$route.query.id

 

实例：

<li @click="onderurl('/my','1')">
	<img src="../../assets/images/myshop_01.png" />
	<span>待付款</span>
</li>

 

export default {
	name:'my',
	data(){
		return{
			
		};
	},
	methods:{
		onderurl:function(url,val){
			this.$router.push({path:url,query: { queryId:  val }});
		}
	},
	mounted(){
		console.log(this.$route.query.queryId)
	},
    components:{
        
    }
}