vue-router同路由$router.push不跳转一个简单解决方案

vue-router跳转一般是这么写：

toCurrentPage: function(thisId){
this.$router.push({path:'/test ', query: { id: thisId, option: ""}});
}
但是当遇到，需要跳转同页面不同query的情况，上面的方法不起作用。当然了，从性能来说，理论上这种情况最佳的解决方案，是把需要刷新的包裹成一个init function，跳转的方法，传参再次调用init方法。balabalabala……不在赘述。

但是另一些情况，基本页面所有组件都需要刷新，再次加载对开销影响不大，需要history.back以保证操作逻辑顺畅……我们只要跳转加载如此而已，那么其实也很简单，只需在上述方法基础上加上：

watch: {
　　'$route' (to, from) {
　　this.$router.go(0);
　　}
},
监视router变化，刷新页面， 233333333333
---------------------
作者：wulala_orz
来源：CSDN
原文：https://blog.csdn.net/wulala_orz/article/details/78928524?utm_source=copy
版权声明：本文为博主原创文章，转载请附上博文链接！

转自：https://blog.csdn.net/wulala_orz/article/details/78928524?utm_source=copy

转载于:https://www.cnblogs.com/ch-zaizai/p/9790776.html

vue-router同路由$router.push不跳转一个简单解决方案相关推荐

深入了解Vue 2响应式原理，并手写一个简单的Vue
1. Vue 2的响应式原理 Vue.js 一个核心思想是数据驱动.所谓数据驱动是指视图是由数据驱动生成的,对视图的修改,不会直接操作 DOM,而是通过修改数据.vue.js里面只需要改变数据,Vue ...
Vue中this.$router.push路由跳转,刷新参数消失
Vue中this.$router.push路由跳转,刷新参数消失 this.$router.push({name:"",params:{id:""}}) nam ...
关于Vue中，$this.router.push到当前页面，只是传入参数不同，页面不刷新的问题解决
关于Vue中,$this.router.push到当前页面,只是传入参数不同,页面不刷新的问题解决参考文章: (1)关于Vue中,$this.router.push到当前页面,只是传入参数不同,页面 ...
vue中的this.$router.replace()和.push()和.go()的区别解析
1. this.$router.push() 跳转到不同的url,但这个方法会向history栈添加一个记录,点击后会返回到上一个页面. 2. this.$router.replace() 跳转到不同 ...
Vue学习之路由(Router)
Vue学习之路由(Router) 文章目录 Vue学习之路由(Router) 一.路由是什么? 二.Vue Router的安装 1.直接下载/CDN 2.NPM安装三.路由的基础使用 1.定义路 ...
vue工程化与路由router
一.介绍 vue.js 是目前最火的前端框架,vue.js 兼具 angular.js 和 react.js 的优点,并剔除它们的缺点.并且提供了很多的周边配套工具如vue-router .vu ...
创建Vue项目，找不到router文件（router.js）的解决方法
创建Vue项目,找不到router文件(router.js)的解决方法问题描述: 安装 Vue Router 原因分析: 解决方案: 命令窗口创建使用图形化界面问题描述: 如图所示: 安装 Vu ...
前端笔记-vue cli中使用router-link进行路由跳转
目录以前的方法新方法以前的方法以前是通过router的push进行跳转,代码如下: <template><div class="XXXXXXXXXXXXXXXXX& ...
vue怎么实现图标循环和页面跳转页面跳转
vue 怎么循环图标并实现页面跳转 <div class="container"><ul class="menus"><label ...

vue-router同路由$router.push不跳转一个简单解决方案

vue-router同路由$router.push不跳转一个简单解决方案相关推荐

最新文章

热门文章