前端 の vue路由传参

文章目录

• • 1.使用路由传参，并在新界面打开（函数方式）
  • 2. 使用 router link 标签

---

1.使用路由传参，并在新界面打开（函数方式）

点击按钮，实现在新界面打开路由，并传参

传参：

AddBatch(monthid, partname) {
        console.log(monthid);
        console.log(partname);
        const {
          href
        } = this.$router.resolve({
          name: 'addbatch',
          query: {
            productname: this.productname, // 传过去产品Id
            partname: partname, // 传过去产品的名字
            month: this.month, // 把年份传过去
            monhtid: monthid, // 把月份 id 传过去
          }
        })
        window.open(href, '_blank')
      },

接受参数:

          this.PageInti.productname = this.$route.query.productname,
          this.PageInti.partname = this.$route.query.partname,
          this.PageInti.monthname = this.$route.query.month,
          this.PageInti.monthid = this.$route.query.monthid

---

2. 使用 router link 标签

直接给它加上target=’_blank’属性即可，反正最终它也会被解释为一个 a标签

<router-link :to="{path: '/footer'}"  target="_blank"  tag="a">
footer
</router-link>