vue跳转页面返回不刷新

Vue.js使用了虚拟DOM的概念，当你使用Vue Router切换页面时，实际上只是切换了路由，页面并没有重新渲染，因此你不会看到页面的刷新。

如果你希望页面能够在路由切换后进行刷新，你可以使用Vue Router提供的导航守卫来实现。在导航到新页面时，你可以在beforeRouteUpdate钩子函数中重新加载数据，然后在页面上进行渲染。

例如：

export default {
  data() {
    return {
      dataList: []
    }
  },
  methods: {
    fetchData() {
      // 从API获取数据
      this.dataList = ...
    }
  },
  beforeRouteUpdate(to, from, next) {
    // 在导航到新页面之前获取数据
    this.fetchData()
    next()
  }
}

这样，当你从一个页面导航到另一个页面时，新页面就会重新渲染，并显示更新后的数据。

相关问题

vue跳转页面，返回不刷新

在Vue中，可以使用`<router-link>`标签或`this.$router.push()`方法进行页面跳转。如果希望在跳转后返回到原来页面时不刷新，可以使用Vue Router提供的`<keep-alive>`组件。

`<keep-alive>`组件可以缓存组件的状态，当组件被切换时，不会重新渲染，而是直接使用缓存的状态。这样就可以保留原来页面的状态，返回时不刷新。

以下是一个示例：

在App.vue中添加`<keep-alive>`组件：

<template>
  <div>
    <router-view v-slot="{ Component }">
      <keep-alive>
        <component :is="Component"></component>
      </keep-alive>
    </router-view>
  </div>
</template>

在需要缓存状态的组件中添加`name`属性，例如：

<template>
  <div>
    ...
  </div>
</template>

<script>
export default {
  name: 'MyComponent',
  ...
}
</script>

这样，在使用`<router-link>`或`this.$router.push()`跳转页面时，返回到原来页面时不会刷新。

vue跳转页面,返回页面后某个值不刷新

可能是因为该值被缓存了。可以尝试在返回页面的生命周期钩子函数中手动刷新该值，或者在跳转页面时添加一个随机参数，以避免缓存。例如：

// 跳转页面时添加随机参数
this.$router.push({
  path: '/targetPage',
  query: {
    random: Math.random()
  }
})

// 在返回页面的生命周期钩子函数中手动刷新值
mounted() {
  this.someValue = this.$route.query.someValue
}