1、通过router-link进行跳转
使用query传递参数,路由必须使用path引入,
使用params传递参数,路由必须使用name引入
<router-link :to="{path: '/docDetail', query: {docId: '112233', docDesc: 'doc'}}">
<button>跳转</button>
</router-link>
跳转地址:/docDetail?docId=112233&docDesc=doc
取值方式:
this.$route.query.docId
this.$route.query.docDesc
<router-link :to="{name: 'docDetail', params: {docId: '112233', docDesc: 'doc'}}">
<button>跳转</button>
</router-link>
跳转地址: /docDetail
取值方式:
this.$route.params.docId
this.$route.params.docDesc
2、$router方式跳转
this.$router.push({
path: '/docDetail',
query: {
docId: 112233,
docDesc: 'doc'
}
});
跳转地址:/docDetail?docId=112233&docDesc=doc
取值方式:
this.$route.query.docId
this.$route.query.docDesc
this.$router.push({
name: 'docDetail',
params: {
docId: 112233
}
});
跳转地址:/docDetail
取值方式:
this.$route.params.docId