首页 > 其他分享 >关于vue2路由跳转问题记录

关于vue2路由跳转问题记录

时间:2023-06-16 15:46:45浏览次数:48  
标签:跳转 params vue2 path msg query 路由

1. vue 路由间跳转和新开窗口的方式(query, params)

路由间跳转配置:
query方式:参数会在url中显示
this.$router.push({
path: '路由地址',
query: {
msg: 'hello world'
}
})

params方式:传参数据不会在导航栏中显示,需要配合路由的name属性使用。
this.$router.push({
name: '',
params: {
msg: 'hello world'
}
})

新开页面,需要使用resolve配置,如:
const { href } = this.$router.resolve({
path: '/path',
query: {
msg: 'hello'
}
})
window.open(href, '_blank')
注意一下:如果是使用这种方式,不可以使用params进行传参,因为获取不到,传不过去。query是可以正常传参的。

 

标签:跳转,params,vue2,path,msg,query,路由
From: https://www.cnblogs.com/sunnyeve/p/17451363.html

相关文章

  • 华为路由器、交换机、AC忘记密码,保留配置处理方法 密码恢复
    在不能通过telnet登录的情况下通过console线更改:通过BootROM清除Console口登录密码交换机的BootROM提供了清除Console口登录密码的功能,用户可以在交换机启动后修改Console口登录密码,然后保存配置。请按照如下步骤进行配置。第一步1.通过Console口连接交换机,......
  • Kong入门学习实践(4)负载均衡与正则路由
    最近在学习Kong网关,因此根据老习惯,我会将我的学习过程记录下来,一来体系化整理,二来作为笔记供将来翻看。由于我司会直接使用Kong企业版,学习过程中我会使用Kong开源版。本篇,我们学习快速配置一个最常见的基本功能:负载均衡与正则路由。关于负载均衡所谓负载均衡,就是通过负载均衡算......
  • uniapp 页面跳转传值(eventChannel)
    在A->B页面时,如果想要将A页面中的数据传给B,可以使用eventChannel方法或者用url拼接,在这里先说明第一种eventChannel方法如何实现。A页面:首先定义了一个点击事件handleItemClick,触发点击事件后再传递数据data(){return{itemData:'123'}}methods:{h......
  • Chrome 网页顶部底部跳转快捷方式
    跳到页面顶部:javascript:void((function(){document.body.scrollTop=0;(window.frames[0])&&(window.frames[0].document.body.scrollTop=0);})())跳到页面底部:javascript:void((function(){document.body.scrollTop=1000000;(window.frames[0])&&(window.f......
  • 浅析H5页面跳转小程序的3种实现方案
    经常会有这样的场景:用户在网页中一键唤起小程序,能够给用户提供更好的体验。实现H5跳转小程序的方案目前有多种,可以根据自己的实际场景选择。第一种:通过URLScheme适合在外部浏览器运行的H5页面,通过URLScheme的方式来拉起微信打开指定小程序。那如何获取小程序......
  • Neo4j中的网络路由
    人们使用Neo4j来管理企业架构。如果你还没有看到该演讲由托马斯·劳伦斯来自Amadeus的,那么你应该为自己观看。但是低层网络呢?我们可以使用Neo4j来建模物理网络中的路由吗?当然我们可以,今天我会告诉你如何。我们将保持简单,只需要路由器,交换机,接口和服务器。路由器之间将具有“ROUTE_T......
  • v3路由配置
    importtype{RouteRecordRaw}from'vue-router';importtype{App}from'vue';import{createRouter,createWebHistory}from'vue-router';import{basicRoutes}from'./routes';import{REDIRECT_NAME}from&#......
  • Kong入门学习实践(3)路由转发
    最近在学习Kong网关,因此根据老习惯,我会将我的学习过程记录下来,一来体系化整理,二来作为笔记供将来翻看。由于我司会直接使用Kong企业版,学习过程中我会使用Kong开源版。本篇,我们学习快速配置一个最常见的基本功能:路由转发。关于路由转发路由转发是Nginx等代理软件最常见的使用场......
  • 路由守卫
    一、分类(1)全局守卫router.beforeEach全局前置守卫进入路由之前router.beforeResolve全局解析守卫(2.5.0+)在beforeRouteEnter调用之后调用router.afterEach全局后置钩子进入路由之后(2)路由独享守卫beforeEnter(3)路由组件内的守卫beforeRouteEnter进入......
  • Vue-router跳转和location.href有什么区别
    vue-router使用pushStat进行路由更新,不刷新页面,静态跳转;使用diff算法,按需加载,减少dom操作,同一个页面跳转或者路由跳转异步加载this.$nextTick(()=>{获取url})使用location.href来跳转,简单方便,但是刷新了页面;不同页面间跳转可以直接获取当前路径......