vue怎么刷新当前页面代码
时间: 2023-09-25 09:16:31 浏览: 83
在 Vue 中刷新当前页面代码(即重新加载当前页面),可以使用以下方法:
1. 使用 location.reload() 方法
```javascript
methods: {
refreshPage() {
location.reload();
}
}
```
2. 使用 window.location.reload() 方法
```javascript
methods: {
refreshPage() {
window.location.reload();
}
}
```
这两种方法都可以刷新当前页面,区别在于 location.reload() 方法只刷新当前页面内容,而 window.location.reload() 方法会重新加载整个页面,包括 CSS、JavaScript 等文件。
另外,你也可以使用 router.go(0) 方法来刷新当前页面,但这种方法需要在 Vue Router 中使用。
相关问题
Vue 刷新当前页面,并重新加载页面数据
可以通过以下两种方式来刷新当前页面,并重新加载页面数据:
1. 使用 location.reload() 方法来刷新当前页面,代码如下:
```
location.reload();
```
2. 使用 Vue 中的 $route 对象来重新加载页面数据,代码如下:
```
this.$router.go(0);
```
其中,$router 是 Vue Router 实例,通过 go(0) 方法可以刷新当前页面,并重新加载页面数据。
vue 刷新当前页面,并重新加载页面数据
可以通过以下两种方式来刷新当前页面,并重新加载页面数据:
1. 使用 location.reload() 方法来刷新当前页面,代码如下:
```
location.reload();
```
2. 使用 Vue 中的 $route 对象来重新加载页面数据,代码如下:
```
this.$router.go(0);
```
其中,$router 是 Vue Router 实例,通过 go(0) 方法可以刷新当前页面,并重新加载页面数据。
阅读全文