Vue.js刷新当前页面

Vue.js的路由跳转很强大，类似ajax的局部刷新，路由跳转时候页面是不刷新的，刷新当前页面的功能不建议用，但是有的时候确实需要刷新当前页面来实现某些需求，这个时候，我们有三种方法可以实现。

第一种就是传统的的方法

window.location.reload();

第二种是通过vue.js的路由来实现

this.$router.go(0)

<template><section><h1 ref="hello">{{ value }}</h1><el-button type="danger" @click="get">点击</el-button></section>
</template>
<script>export default {data() {return {value: 'Hello World ~'};},methods: {get() {this.$router.go(0);// window.location.reload();
      }},mounted() {},created() {}}
</script>

第三种是使用浏览器自带的刷新功能，window.history.go(0)，这里的window可以省略不写

history.go(0);

<template><section class="p-10"><el-button type="danger" @click="back">返回</el-button></section>
</template>
<script>export default {data() {return {};},methods: {back() {history.go(0);}}};
</script>

既然使用vue来做前端了，那么这里就推荐使用第二种方式吧~

嗯，就酱~~

转载于:https://www.cnblogs.com/jin-zhe/p/9985604.html

Vue.js刷新当前页面相关推荐

前端vue/js刷新浏览器页面方法-案例
强制刷新当前页面 reload -- 强迫浏览器刷新当前页面 location.reload([bForceGet]) //重新加载当前文档 bForceGet, 可选参数, 默认为 false,从客 ...
JS 刷新当前页面，JS 延迟跳转，HTML 弹出提示
JS刷新当前页面方法一 reload()方法用于刷新当前页面 reload() 方法类似于浏览器上的刷新页面按钮 location.reload(); 方法二 replace() 方法可用一个新页面 ...
js刷新当前页面方法
js刷新当前页面 js刷新当前页面在写JS代码时,用到JS来刷新当前页面的方法有几种,比如最常用的reload(),location 等 reload 方法,该方法强迫浏览器刷新当前页面. 语法:l ...
【引用】JS刷新当前页面
reload 方法,该方法强迫浏览器刷新当前页面. 语法:location.reload([bForceGet]) ...
JS 刷新当前页面返回上一页并刷新的方法
reload 方法,该方法强迫浏览器刷新当前页面. 语法:location.reload([bForceGet]) ...
如何用JS刷新当前页面
本篇文章主要是对JS刷新当前页面的几种方法进行了详细的总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助 reload 方法,该方法强迫浏览器刷新当前页面. 语法:location.reload( ...
java浏览器刷新页面_使用js刷新浏览器页面
reload 方法,该方法强迫浏览器刷新当前页面. 语法:location.reload([bForceGet]) ...
js 弹出一个页面 html页面刷新,原生js刷新当前页面与跳转页面的几种方法及区别总结...
在面向浏览器的web开发过程中,我们经常与JavaScript打交道,web开发页面路由跳转.刷新当前页面更是经常遇到的事.浏览器提供了至少3-5种的方式可以实现当前页面刷新或者跳转当前应用的其他页面 ...
js刷新父页面的方法
1.父页面弹出窗口,关闭弹窗刷新父页面 window.parent.location.reload(); 2.父页面打开新的浏览器窗口,关闭新的浏览器窗口,刷新父页面的方法 window.opener ...
js刷新当前页面窗口
window.location.reload(); 直接执行这句话就可以了,例子如下 $.ajax({url: '/home/personalspace/userCollect/remove',dat ...

Vue.js刷新当前页面

Vue.js刷新当前页面相关推荐

最新文章

热门文章