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中链接如果是‘/’开始就是从根路由开始,如果开始不带‘/’,则从当前路由开始

评论

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