当前位置: 首页 > 知识库问答 >
问题:

前端 - 在vue中页面跳转有几种方法?

屠嘉勋
2023-11-08

在vue开发中我该如何进行页面的跳转,有几种方法呢?

共有2个答案

仲阳朔
2023-11-08

网上搜有很多 http://t.csdnimg.cn/cOTgx

华峰
2023-11-08

一般两个大的方式原生js进行跳转

window.location.href = "http://baidu.com"

或者vue跳转

 this.$router.push({ path: "/demo2" })// 或者router-link 用得比较少,上面的比较常用<router-link :to="{ path: ‘demo2‘, query: { plan: ‘private‘ }}">demo2</router-link>
 类似资料:
  • 本文向大家介绍vue-router跳转页面的方法,包括了vue-router跳转页面的方法的使用技巧和注意事项,需要的朋友参考一下 使用 Vue.js 做项目的时候,一个页面是由多个组件构成的,所以在跳转页面的时候,并不适合用传统的 href,于是 vue-router 应运而生 官方文档请点击这里 ## vue-router 第一步当然是安装了,用npm安装命令 第二步在.vue组件里添加标签,

  • 本文向大家介绍JavaScript实现页面跳转的几种常用方式,包括了JavaScript实现页面跳转的几种常用方式的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript实现页面跳转的几种常用方式。分享给大家供大家参考,具体如下: 第一种: 第二种: 第三种: 第四种: 第五种: javascript中弹出选择框跳转到其他页面 javascript中弹出提示框跳转到其他页面 补

  • 本文向大家介绍js实现页面跳转重定向的几种方式,包括了js实现页面跳转重定向的几种方式的使用技巧和注意事项,需要的朋友参考一下 第一种: 第二种: 第三种: 第四种: 第五种:

  • 本文向大家介绍微信小程序 页面跳转传递值几种方法详解,包括了微信小程序 页面跳转传递值几种方法详解的使用技巧和注意事项,需要的朋友参考一下 微信小程序 页面跳转传递值 微信小程序导航有两种形式:一种是在写在js中进行跳转,另一种是写在wxml页面中进行跳转。 1、js导航  (1)、wx.navigateTo(OBJECT) :保留当前页面,跳转到应用内的某个页面,使用wx.navigateBac

  • 本文向大家介绍vue实现登录后页面跳转到之前页面,包括了vue实现登录后页面跳转到之前页面的使用技巧和注意事项,需要的朋友参考一下 在开发中我们经常遇到这样的需求,需要用户直接点击一个链接进入到一个页面,用户点击后链接后会触发401拦截返回登录界面,登录后又跳转到链接的页面而不是首页,这种问题该如何去做呢? 先说一下我们需要用到的几个API: 1.router.currentRoute:当前的路由

  • 本文向大家介绍vue页面跳转后返回原页面初始位置方法,包括了vue页面跳转后返回原页面初始位置方法的使用技巧和注意事项,需要的朋友参考一下 vue页面跳转到新页面之后,再由新页面返回到原页面时候若想返回调出原页面的初始位置,怎么来解决这个问题呢?首先我们应该在跳出页面时候记录下跳出的scrollY,返回原页面的时候在设置返回位置为记录下的scrolly即可,scrolly我用的是vuex状态管理器