打开新的页面实现路由传参跳转

本文介绍了VueRouter中的router.push和router.resolve的使用方法,重点讲解了它们在窗口打开方式、参数传递以及如何在地址栏隐藏参数方面的区别,包括结合localStorage实现地址栏不带参的场景。
摘要由CSDN通过智能技术生成

1. router.push 和 router.resolve

知识点 (router.push 和 router.resolve)

1.1 打开方式:

router.push 只能当前窗口打开

router.resolve 结合 window.open 可以新窗口打开

1.2.参数传递:

router.push 支持query和params

router.resolve 只支持query,若需地址栏参数不可见,需结合localStorage或第三方插件保存 

地址栏带参实现:

const {href}=this.$router.resolve({ path: "/newsInfo", query: { id: row.noticeId } });
window.open(href,'_blank')
地址栏不带参实现:
let data = this.$router.resolve({
  name: 'channel_sms',
});
localStorage.setItem('a', 1);
// 然后跳转页接收 localStorage.getItem('a')

  • 8
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值