路由跳转方式 、传参 、路由传参、新窗口打开、带参数、地址栏不显示参数传参

一、通过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}}" target="_blank">点击</router-link>

二、通过params传递:

1、使用router-link进行路由导航，传递参数

(在地址栏中显示传递的参数id, ，刷新页面，参数不丢失)</