vue-router跳转至新标签页

最新推荐文章于 2025-07-04 14:47:37 发布

Cheryl71

最新推荐文章于 2025-07-04 14:47:37 发布

阅读量1.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/Day71/article/details/115353033

vue 专栏收录该内容

44 篇文章

订阅专栏

本文档介绍了两种JavaScript方法，一种是使用Vue Router实现表格点击后在当前页面显示详细报告，另一种是在新窗口打开报告链接，同时保持表格刷新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在原页面打开

atClick(row) {
  console.log(row);
  this.$router.push({
    path: "/nav/report",
    query: {
      id: row.id,
    },
  });
  return Promise.resolve(false); // 不刷新表格
},

在新页面打开

atClick(row) {
  console.log(row);
  const { href } = this.$router.resolve({
    path: "/nav/report",
    query: {
        id: row.id,
      },
    });
  window.open(href, '_blank');
  return Promise.resolve(false); // 不刷新表格
},