vue2.0路由之编程式导航
router.push(location)
想要导航到不同的 URL,则使用 router.push
方法。这个方法会向 history 栈添加一个新的记录,所以,当用户点击浏览器后退按钮时,则回到之前的 URL。
当你点击 <router-link>
时,这个方法会在内部调用,所以说,点击 <router-link :to="...">
等同于调用router.push(...)
。
声明式 | 编程式 |
---|---|
<router-link :to="...">
|
router.push(...)
|
该方法的参数可以是一个字符串路径,或者一个描述地址的对象。例如:
// 字符串
router.push('home')// 对象
router.push({ path: 'home' })// 命名的路由 router.push({ name: 'user', params: { userId: 123 }}) // 带查询参数,变成 /register?plan=private router.push({ path: 'register', query: { plan: 'private' }})
注意 如果push的时候是name:‘user’后面只能是params 如果push的时候是path 后面只能是query 否则取不到 参数值
转载于:https://www.cnblogs.com/sunsie/p/7007789.html
vue2.0路由之编程式导航相关推荐
- Vue3.x动态路由、命名路由和编程式导航
1.动态路由的定义和使用 两种方法 : 1.路由中的动态传参以 : 进行声明,冒号后面跟的是动态参数名(path: 'apple/:mid'),通过{{ $route.params.m ...
- Vue.js-Day05【安装路由(vue-router)、如何使用vue-router、404配置、激活class、动态路由、编程式导航、路由嵌套、路由元信息、导航拦截】
Vue.js实训[基础理论(5天)+项目实战(5天)]博客汇总表[详细笔记] 目 录 1.单页面应用 1.1.多页面应用 1.2.单页面应用 1.3.vue-router 2.安装vue-rout ...
- vue2项目复习01-关闭elint检校,src文件别名,路由传参的对象写法,代理解决跨域问题,nprogress,vuex状态管理库,store的模块式开发,节流与防抖,编程式导航+事件委托路由跳转
1.关闭elint语法校验 创建vue.config.js //关闭elint语法校验 {lintOnSave:false; } 2.src文件夹配置别名 jsconfig.json配置别名 @代表s ...
- vue-router详尽:编程式导航、路由重定向、动态路由匹配、路由别名、嵌套路由、命名视图
vue-router编程式导航 在vue项目中经常用到this.$router.push() 和 this.$router.replace() 方法进行路由跳转就是编程式导航... 通俗理解编程式导航 ...
- vue编程式导航,命名路由
//使用 window.location.href 的形式,叫做 编程式导航 绑定事件的形式 <template><div class="goods-item" ...
- vue编程式导航跳转到当前路由多次执行抛出NavigationDuplicated: Avoided redundant navigation to current location:
为什么? push方法会返回一个Promise对象,内部会进行跳转成功或失败的回调 解决方法 只需在push方法末尾传递两个成功和失败的回调函数,可以捕获到当前的错误,可以解决.但是此种方法治标不治本 ...
- 031_vue编程式导航
1. 页面导航的两种方式 1.1. 声明式导航: 通过点击链接实现导航的方式, 叫做声明式导航.例如: 普通网页中的<a></a>链接或vue中的<router-link ...
- 页面导航的两种方式——声明式导航、编程式导航||vue-router编程式导航||router.push() 方法的参数规则
页面导航的两种方式 vue-router编程式导航 编程式导航基本用法 <!DOCTYPE html> <html lang="en"><head&g ...
- 声明式导航编程式导航
声明式导航:在浏览器中,点击链接实现导航的方式,叫做声明式导航.如:普通网页中点击<a>链接,vue中点击<router--link>都属于声明式导航. 编程式导航:在浏览器中 ...
最新文章
- mysql主从字符集不一致_MySQL多字节字符集造成主从数据不一致问题
- Linux的shell脚本
- C语言按行和列求平均成绩代码(指针,二维数组)
- K8S Learning(5)——Pod
- flex白板之图形绘制函数
- 刻奇·缩减·博客——当今中国博客文化之批判
- zend studio 的注册码-php的编辑器
- linux利用内存加快读盘速度,Linux性能优化从入门到实战:10 内存篇:如何利用Buffer和Cache优化程序的运行效率?...
- html超链接点击后变紫色了,超链接不改变字体颜色
- 各行业程序员年薪分析
- 十个精妙绝伦的SQL语句,说尽SQL精华
- 显示控件——字符显示之艺术字
- 动态内存的分配与释放
- 浏览被植入木马的网站,可能也会中木马
- word操作之docx转doc出现公式变图片问题的解决方案
- Linux入门-环境搭建、基本指令以及权限讲解
- springboot整合shiro无法加载静态资源
- 龙傲天程序员之路 其一
- 小视频app源码,Android 滑动拼图验证码控件
- macbook mysql的配置文件_Mac中的MySQL配置文件
热门文章
- java 注解_怎样理解 Java 注解和运用注解编程?
- 【年终总结】有三AI至今在人脸图像算法领域都分享了哪些内容?
- 【每周CV论文推荐】 初学目标检测必须要读的文章
- 全球及中国建筑农业及矿业电动车辆行业营销模式与需求规模预测报告2022版
- 2022年跨境电商的风口还在吗?
- 中国黄金行业投资需求与收益预测报告2022年版
- 调试Release发布版程序的Crash错误
- 在python中terminal中建立mysql数据库,无法再models.py 文件中建立数据库信息
- Android MVP模式 简单易懂的介绍方式
- Mybatis拦截器 mysql load data local 内存流处理