vue this.$router.push页面不刷新
时间: 2024-01-04 21:20:17 浏览: 230
vue-router3.0版本中 router.push 不能刷新页面的问题
根据提供的引用内容,有多种解决方式可以解决vue this.$router.push页面不刷新的问题。以下是其中的三种解决方式:
1. 使用`this.$router.go(0)`方法刷新页面:
```javascript
watch: {
'$route' (to, from) {
// 路由发生变化页面刷新
this.$router.go(0);
}
}
```
2. 在`mounted`函数中调用需要刷新的方法:
```javascript
watch: {
'$route' (to, from) {
// 在mounted函数执行的方法,放到该处
this.getTableData();
}
}
```
3. 使用`v-if`控制DOM来实现页面刷新:
```html
<template>
<div v-if="show">
<!-- 页面内容 -->
</div>
</template>
<script>
export default {
data() {
return {
show: true
};
},
watch: {
'$route' (to, from) {
// 路由发生变化时,修改show的值来刷新页面
this.show = false;
this.$nextTick(() => {
this.show = true;
});
}
}
}
</script>
```
阅读全文