vue路由跳转,实现打开新窗口跳转 ($router.push实现打开新窗口跳转,通过它this.$router.resolve )

代码实现

注意:

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

   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()方法转一下,因前面传的时候序列化了。

猜你喜欢

转载自blog.csdn.net/ddx2019/article/details/107758408