vue2.0 设置router.go('/goods')不停刷新页面

最新推荐文章于 2024-06-24 22:49:04 发布

S_simon

最新推荐文章于 2024-06-24 22:49:04 发布

阅读量1.2k

点赞数

文章标签： Vue

本文链接：https://blog.csdn.net/S_simon/article/details/83548615

版权

代码如下：

使用router.go()后页面不停刷新。

解决办法：

使用router.push() 问题解决

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

S_simon

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

Vue.js系列之vue-router(下)（5）

前端向朔

01-05

1万+

说明：我们项目现在用的是：vue2.0 + vue-cli + webpack + vue-router2.0 + vue-resource1.0.3 如果大家在实践的过程中与本文所说的内容有较大区别的话看看是不是版本问题。本文是一系列文章，在我对Vue有了更深刻的理解认识之后会对文章及时进行修改或更正。欢迎大家批评指出错误。以下是已完成的文章列表。 1. Vue.js系列之项目搭建（

vue2.0 设置router.go('/goods')会不停的刷新页面

weixin_38606332的博客

06-30

1679

代码如下let routes = [ { path: '/goods', component: goods }, { path: '/ratings', component: ratings }, { path: '/sellers', component: sellers } ] const router = new VueRouter({ r...

1 条评论您还未登录，请先登录后发表或查看评论

Vue2实现关闭新打开的填报页面，刷新旧页面表格数据

weixin_65908792的博客

06-21

1319

案例：旧页面是填报表格（包含状态：比如待填报、已填报），点击“填报”按钮后，跳转到新页面进行信息填报。填报完成，点击新页面的“填报完成”按钮后，刷新旧页面的表格请求（刷新后，新请求回的表格数据的状态变为“已填报”），关闭新页面。

不用this.$router.go(0),对页面刷新

BeSentimental的博客

03-01

379

公共组件有一个刷新按钮 <div class=“iconBox refresh” @click=“refresh”> 在该组件中定义 methods:{ refresh() { this.$host.store.commit(‘refreshPage’, new Date()) }, } 在store.js中定义 state: { refresh:0, }, mutations: { refreshPage(state, data){ state.refresh = data }, } 在需要刷

vue项目使用$router.go(-1)返回时刷新原来的界面操作

10-15

主要介绍了vue项目使用$router.go(-1)返回时刷新原来的界面操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

vue刷新页面的三种方式，并处理死循环

Zzzzzzzzzzzke的博客

02-17

5519

vue页面刷新的办法和处理页面重复循环。先写一下刷新页面的方法，解决循环放在下边。 1.直接使用刷新当前页面，会有短暂白屏，体验效果不好 location.reload(); 2.通过路由传入0，刷新当前页面。忽悠短暂白屏，体验效果不好 this.$router.go(0); 3.通过provide / inject组合，这个体验感是最好的！第一步：先在App.vue里给 <router-view> 加一个 if 判断，通过 $nextTick()实现先移除再添加达到刷新的

vue笔记7 （待续...）

bjqin06的博客

10-19

206

vue笔记7 16.动态组件页面中的某个地方，在不同的组件之间进行动态切换，除了使用条件渲染（v-if/v-show）还能使用动态组件来实现。 vue提供了component标签来实现；在component标签的is属性的属性名决定在当前位置使用哪个组件来进行渲染。 <component is="Box"></component> ==><Box></Box> 可以给is属性绑定data中的变量，通过改变该变量的值，来达到切换不同组件的目的： &lt

第一次使用vue2.0开发，从搭建项目到后期遇到的问题及后期的优化！闲来无事分享一波！

chaochao466的博客

08-23

1940

vue 项目搭建前言基于Vue.js 2.x系列 + Element UI 的组件化开发方案,vue.js不支持IE8及其以下版本，因为 Vue.js 使用了 IE8 不能模拟的 ECMAScript 5 特性。 Vue.js 支持所有兼容 ECMAScript 5 的浏览器。vue的安装依赖于node.js,要确保你的计算机上已安装过node.js。可进入cmd编辑器，输入命令 node...

【Vue】vue-router路由使用

最新发布

weixin_45291798的博客

06-24

714

hash模式1.地址中永远带着#号，不美观。2.若以后将地址通过第三方手机app分享，若app校验严格，则地址会被标记为不合法。3.兼容性较好。4.hash值不会包含在 HTTP 请求中，即:hash值不会带给服务器。history模式1.地址干净，美观。2.兼容性和hash模式相比略差。3.应用部署上线时需要后端人员支持，解决刷新页面服务端404的问题。1、如何配置路由？2、如何使用导航进行路由跳转声明式：router-link。

react_T_v18

Pwsifeng的博客

06-16

1640

初学者

vue-cms（1）

from_shanghai的博客

07-24

792

2019.7.7——7.24 01 和 02没有关系 01的图片资源自己有要cnpm i，安装node_modules,然后npm run dev （接口要改 http://www.liulongbin.top:3000） day7\02.vms npm run dev:EADDRINUSE 3000端口被占用把新闻资讯改成路由创建newsl...

解决:Vue2页面诡异自动循环刷新页面

qq_45882045的博客

03-16

2530

方法:检查端口是否被占用,修改成一个新的没有被占用的端口就好了,重启项目.问题:yarn启动项目后,打开页面一直循环刷新。

vue keep-alive 一进页面刷新，解决刷新死循环问题

weixin_42066070的博客

04-12

2552

需求分析 1.切换户号的时候，进到页面，需要刷新缓存，去其他页面不需要刷新缓存 2.在上个页面传个是否刷新的参数 3.全局判断假如有这个参数的路由，那么进行页面刷新。并且把刷新页面的参数去掉第一步的代码 this.$router.push({ path: this.dataList.pathData2, query: { refresh: true }, }); appmain.vue里写全局 <template&gt

解决vue跳转页面不刷新问题

leng0920的博客

07-22

3276

1.问题：我们常常需要使用$router.go(-1)返回之前的页面，但是却发现，之前的界面，保持着上次跳转的状态 1 2 2.原因：使用$router.go(-1)返回，之前的数据都保留，并未刷新原来的界面 1 3.解决方案：使用：$router.push({ name: "模块名"});//重新打开页面在原页面watch中，对router进行监控，当router发生变化时，执行初始化界面方法： watch: { '$route' () { this._initData(...

解决vue项目中在safari中this.$router.go()失效的问题

lelehouse的博客

04-25

1万+

vue中可以刷新的几种方式： 1，this.router.go(0)。页面会一瞬间的白屏，体验不是很好，且safari不支持2，用vue−router重新路由到当前页面，（this.router.go(0)。页面会一瞬间的白屏，体验不是很好，且safari不支持 2，用vue-router重新路由到当前页面，（this.router.go(0)。页面会一瞬间的白屏，体验不是很好，且safari不支...

vue3中，this.$router.push刷新当前页面，该页面不重新加载需要手动刷新的解决方案

bbt953的博客

03-30

1万+

// 1-demo.vue 在this.$router.push('/demo')后，demo.vue没有刷新也没有重新加载，但是路由地址已经变了，只是需要手动刷新 // 2-解决监听一下当前路由 watch: { $route (to, from) { // to表示要跳转的路由，from表示从哪儿跳的路由 to.path this.$router.go(0) }, }, // 以上是我目前可以解决我的问题的方法 // 以下记录百度搜到的，为了防止以后上述方法失效 //

vue 刷新当前页面,使用this.$router.go(0)闪白问题（使用provide / inject）

細水、長流√的专栏

06-02

2301

当我们在项目的开发中，肯定会遇到做了某些操作(修改,删除)后需要刷新页面的时候平常的刷新页面的方法:上面的方法都是可以进行刷新但是屏幕都会闪白一下，体验极差解决这种问题使用的方法原理：允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效修改APP.vue文件APP.vue 可以在页面中进行调用注入reload方法使用 this.reload()即可调用参考博客: https://segmentfault.com/a/11900000170076

【Vue】实现当前页面刷新的四种方法

热门推荐

aDiaoYa_的博客

03-26

4万+

这两周在写一个后台管理，每次调用接口实现增删改查的过程中，都需要刷新当前页面或者刷新数据。因此整理了如下方法：方法一：location.reload 方法二：$router.go(0) 方法三：provide、inject和$nextTick 方法四：创建空白页

vue项目使用$router.go(-1)返回时刷新原来的界面

line

11-18

4万+

在项目需求中，我们常常需要使用$router.go(-1)返回之前的页面，但是却发现，之前的界面，保持着上次跳转的状态，比如说：弹框未关闭之类的等等，。。。。。问题如下：界面1 ：界面2使用$router.go(-1)返回上一次的界面由于使用$router.go(-1)返回，导致之前的数据都保留，并未刷新原来的界面，如下：还是显示跳转前的弹框解决方法1：不要使用...

06-09

这个报错是因为在使用Vue Router时，导入的Vue Router版本与当前项目中的Vue版本不匹配导致的。具体来说，Vue Router中使用了Vue 3的语法而当前项目中使用的是Vue 2，所以会出现一些语法上的错误。解决方法是将Vue ...