vue router跳转

家电维修 2022-11-07 12:21www.17kangjie.cn家电维修培训

vue router怎么跳转呢?不知道的小伙伴来看看长沙家政网小编今天的分享吧!

vue-router中跳转页面有三种跳转方式。

方法一router.push()

方法二router.replace()

方法三router.go(n)

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

router.push({ path, params})

/说明 path:跳转路径
      params:参数
/
router.push({ path:'page/index', query:{user_name:'YanGo'})

router.replace()  跳转指定url路径,history栈中不会有记录,点击返回会跳转到上上个页面 (就是直接替换了当前页面),传参跟push一样

router.go(n) 向前或者向后跳转n个页面,n可为正整数或负整数。

拓展资料

vue-router是什么?

vue-router就是WebApp的链接路径管理系统。

vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中,则是路径之间的切换,也就是组件的切换。路由模块的本质 就是建立起url和页面之间的映射关系。

以上就是长沙家政网小编今天的分享了,希望可以帮助到大家。

上一篇:clashx使用教程 下一篇:jquery获取url参数

Copyright © 2016-2025 www.17kangjie.cn 长沙家政网【一起康洁家政】 版权所有 Power by