首页 > 其他分享 >vue跳转页面常用的几种方法

vue跳转页面常用的几种方法

时间:2022-11-25 22:56:33浏览次数:42  
标签:vue 跳转 栈中 router 页面 或负

vue跳转页面有好几种不同方法,下面将通过实例代码给大家介绍,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下。

1:router-link跳转

2:this.$router.push()

3.  this.$router.replace()

用法同上,和第2个的this.$router.push方法一样。

4.  this.$router.go(n) 

向前或者向后跳转n个页面,n可为正整数或负整数

ps : 区别

跳转到指定url路径,并向history栈中添加一个记录,点击后退会返回到上一个页面。

跳转到指定url路径,但是history栈中不会有记录,点击返回会跳转到上个页面 (直接替换当前页面)。

向前或者向后跳转n个页面,n可为正整数或负整数。

总结

以上所述就是给大家介绍的vue路由跳转四种方式,希望对大家有所帮助。                                            ----江城路

标签:vue,跳转,栈中,router,页面,或负
From: https://www.cnblogs.com/its-so-ordinary/p/16926614.html

相关文章

  • vuex-getters
    有时候,需要从store中获取一些state变化之后的数据,这是可以放入getters中     ......
  • 如何在PHP开启gzip页面压缩实例
    示例一(用php的内置压缩函数):<?PHPif(Extension_Loaded('zlib'))Ob_Start('ob_gzhandler');Header("Content-type:text/html");?><!DOCTYPEhtmlPUBLIC"-//W3C//DTDX......
  • 配置ingress nginx ssl及禁用ssl强制跳转
    创建证书secretkubectlcreatesecrettlslavatest-tls-secret--cert=/root/6694248.com.key--key=/root/6694248com.pem-ntest创建ingressapiVersion:networkin......
  • VUE框架(案例_数据可视化)
    使用vue进行数据可视化常用的插件场景插件简介文档数据分析展示v-charts https://vue-echarts.github.io/guide/ highcharts https://www.highchart......
  • Vue3
    helloworld<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewpo......
  • vuex-mutations
    通过mutations修改state状态this.$store.commit('mutations中的方法')  conststore=newVuex.Store({state:{counter:100},mutati......
  • vuex页面刷新数据丢失问题的四种解决方式
    vuex是大家使用vue时大多数都会选择的,但是当页面刷新之后vuex数据会丢失,下面这篇文章主要给大家介绍了关于vuex页面刷新数据丢失问题的四种解决方式,需要的朋友可以参考......
  • vue2 生命周期14 生命周期 数据共享 ref引用
    生命周期:生命周期(LifeCycle)是指一个组件从创建->运行->销毁的整个阶段,强调的是一个时间段 创建阶段:beforeCreate:创建之前created:创建beforeM......
  • 一文学会使用Vue3
    一文学会使用Vue3本文适合Vue初学者,或者Vue2迁移者,当然还是建议Vue3官网完全过一遍。不适合精通原理,源码的大佬们。先推荐两个vscode插件Volar首先推荐Volar,使用vscode......
  • VUE读取本地json文件并解析
    //读取本地json文件exportfunctionGetUserAction(query){letquesa=axios.get('/json/userAction.json').then(res=>{//获取public下的buildmenu.json......