一、通过query传递:
(在地址栏中显示传递的参数id, ,刷新页面,参数不丢失)
1、带参,链接后面带参数,新窗口打开
goDetail(id) {
let routerJump = this.$router.resolve({
path: "/search/detail",
query: { page: this.pageQuery.page, id },
});
window.open(routerJump.href, "_blank");
},
2、带参,链接后面带参数,当前窗口打开
goDetail(id) {
this.$router.push({
path: "/search/detail",
query: { page: this.pageQuery.page, id },
});
},
用模板字符串:
新窗口打开直接加 target="_blank"
<router-link :to="`/detail?topId=${item.topId}&pId=${item.pId}`" target="_blank"></router-link>
<router-link :to="{ path: '/news', query: { userId: 1111}}"