前端刷新页面的五种方法（含原生js、vue和react）

原创已于 2023-01-06 14:34:24 修改 · 6.9k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #vue.js #react.js #javascript

于 2023-01-06 14:04:26 首次发布

javascript 同时被 3 个专栏收录

31 篇文章

订阅专栏

react

24 篇文章

订阅专栏

vue

5 篇文章

订阅专栏

本文介绍了在JavaScript中如何使用window.history.go(0)、location.reload()和location.href=location.href来刷新页面。同时，针对Vue和React应用，展示了如何利用vue-router和react-router的go方法以及history对象的创建和使用，实现页面导航和回退。

原生JS

1、window.history.go(0)方法

window.history.go(0)

2、location.reload()方法

location.reload()

3、location.href=location.href方法

location.href=location.href

vue

4、vue-router方法

const router = useRouter()

router.go(0)

react

5、react-router方法

import { createBrowserHistory, createHashHistory } from 'history';

const history = createBrowserHistory() // history模式
const history = createHashHistory() // hash模式

history.go(0)