Vue路由间跳转和新开窗口的方式(查询、参数)

  

  

<强>查询方式

  

参数会在url中显示

        美元。router.push ({//查询方式   路径:“/?   查询:{   projectDetails:瓦尔   },      

<强> params方式

  

传参数据不会在导航栏中显示,需要配合路由的名字属性使用

     //参数方式   名称:' a ',   参数:{   projectDetails:瓦尔   }      

  

需要使用解决配置

        const {href}=? router.resolve ({   路径:“/?   查询:{   代码:“123”,   }   })   窗口。打开(href,“平等”)      

这里需要注意一下,使用参数进行传参,在新页面内使用route.params美元<代码>。对象为{},参数无法传过来,查询是可以正常传参。

  

我想这个应该跟我们正常打开一个链接是一样的,因为<代码> router-link的标签=' a '>   

这个只是我的个人想法,欢迎指正。

  

如果遇到这种情况,不想参数在url上显示且必须要传的话,可以借用浏览器的缓存来实现。

  

在父页面写入缓存,在子页面从缓存中读取,读取之后再删除。

  

  

以上所述是小编给大家介绍的Vue路由间跳转和新开窗口的方式(查询、参数),希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持。
  如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Vue路由间跳转和新开窗口的方式(查询、参数)