vue路由跳转，实现打开新窗口跳转（$router.push实现打开新窗口跳转，通过它this.$router.resolve ）

最新推荐文章于 2024-09-29 20:08:15 发布

ddx2019

最新推荐文章于 2024-09-29 20:08:15 发布

阅读量2.8k

点赞数 2

分类专栏： # Vue+Element+... 所遇问题，小记文章标签： vue路由实现新窗口跳转 vue中实现新窗口跳转 window.open router.resolve 路由新窗口跳转

本文链接：https://blog.csdn.net/ddx2019/article/details/107758408

版权

所遇问题，小记同时被 2 个专栏收录

74 篇文章 2 订阅

订阅专栏

Vue+Element+...

68 篇文章 7 订阅

订阅专栏

代码实现

注意：

路由传参的参数是一个对象的时候，最好先序列化一下再传过去，避免刷新页面的时候，参数格式问题引起报错

   MaintainOperate(row) {
      let link = this.$router.resolve({
        path: "/table-matain", //要跳转的路由
        query: {
          currTableItem: JSON.stringify(row) //query方式传的参数，这里传的是一个对象，所以序列化了一下
        }
      });
      window.open(link.href, "_blank"); //打开新窗口
    }
// 跳转后的页面正常接收参数，query传的，用this.$route.query接收，如：JSON.parse(this.$route.query.currTableItem)，这里需要用JSON.parse()方法转一下，因前面传的时候序列化了。