vue路由地址栏跳转不了
时间: 2023-09-10 09:10:18 浏览: 119
解决vue+router路由跳转不起作用的一项原因
在Vue项目中,当只改变路由中的参数而不改变路由地址时,页面数据不会刷新的问题是由于Vue Router的特性导致的。具体原因是,在同一个页面地址栏参数改变时,Vue的created或mounted钩子不会被触发,因此数据不会重新渲染。
要解决这个问题,可以借助Vue的provide和reject方法。首先,在App.vue组件中添加一个表示变量isActive用以控制路由视图组件的渲染。然后,通过provide方法提供一个reload方法给子组件使用。在reload方法中,将isActive设置为false,然后通过$nextTick方法将isActive重新设置为true,从而触发组件的重新渲染。
下面是一个示例的代码片段:
```javascript
<template>
<div id="app">
<router-view v-if="isActive"/>
</div>
</template>
<script>
export default {
data () {
return {
isActive: true
}
阅读全文