this.$router.push({})实现路由跳转

作者: zlf_j | 来源:发表于2018-08-10 17:33 被阅读10次

this.$router.push() 的用法
admin-template 项目主页模块功能实现(2)
vue笔记
vue开发中，使用的页面传参方式
Vue笔记
vue路由传参
this.$router.push({})实现路由跳转
Vue
vue路由编程式导航
前端疑难杂症之vue-history坑点

使用 this.$router.push(location) 来修改 url，完成跳转

push 后面可以是对象，也可以是字符串：

// 字符串
this.$router.push('/home/first')
// 对象
this.$router.push({ path: '/home/first' })
// 命名的路由
this.$router.push({ name: 'home', params: { userId: wise }})

例如:

// 点击事件里面写
this.$router.push({ name: 'distributesList', query: { ruleForm: this.ruleForm }})

参考：
http://www.cnblogs.com/wisewrong/p/6277262.html

this.$router.push() 的用法
1、作用：this.$router.push()可以通过修改url实现路由跳转。 2、push 后面可以是对象，也...
admin-template 项目主页模块功能实现(2)
主页模块功能实现 1.登录页成功之后，跳转进入主页路由跳转： this.$router.push(地址) 2.通...
vue笔记
1、跳转路由并传参 this.$router.push({name:'appDetail',params:{row...
vue开发中，使用的页面传参方式
编程式路由跳转： this.$router.push() 1、不带参数跳转 a页： 2.带参数跳转 a页携带参数：...
Vue笔记
1.vue文件之间使用路由跳转传值: this.$router.push({ path:'要跳转的页面路径',...
vue路由传参
方案一：直接调用$router.push 实现携带参数的跳转 this.$router.push({ pa...
this.$router.push({})实现路由跳转
使用 this.$router.push(location) 来修改 url，完成跳转 push 后面可以是对象，...
Vue
1.函数路由跳转：this.$router.push('detail') 2. SEO 思路处理 Vue 单页面 ...
vue路由编程式导航
1.js跳转 this.$router.push({path:''}) 2.导航带参数 3.命名路由 4.this...
前端疑难杂症之vue-history坑点
在history模式下，路由跳转用this.$router.push的方式跳转至下一页，部署更新的代码不会变化。 ...