VUE之router-link传参以及参数的使用

1.路径:http://localhost:8081/orderdetail? tid =110

	两种均可,其中第一种‘name'是路由的name
	<router-link :to="{name:'orderdetail', params:{tid: 110}}">跳转</router-link>
	<router-link :to="{path:'/orderdetail', params: {tid: 110}}">跳转</router-link>

使用:this.$route.params.tid

2.路径:http://localhost:8081/orderdetail/110

	<router-link :to="'/test/'+id">跳转</router-link>(id是参数)

使用:this.$route.params.id

this.$route是一个数组,里面包含路由的所有信息

注意:router-link中链接如果是‘/’开始就是从根路由开始,如果开始不带‘/’,则从当前路由开始

评论

评论正在提交中...请稍后
评论提交成功...