vue2怎么刷新页面

以下是两种Vue2刷新页面的方法：

1. 在需要刷新的页面进行引入并使用

<template>
  <div>
    <div class="header">
      <button @click="update()">刷新页面</button>
    </div>
  </div>
</template>

<script>
export default {
  inject: ['reload'],
  methods: {
    update() {
      this.reload()
      console.log('刷新页面')
    }
  }
}
</script>

2. 使用$route.go(0)方法刷新页面

<template>
  <div>
    <div class="header">
      <button @click="update()">刷新页面</button>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    update() {
      this.$router.go(0)
    }
  }
}
</script>

相关问题

vue 2 刷新页面

以下是三种Vue 2刷新页面的方法：

1. 直接调用源生JS方法刷新页面

window.location.reload();

2. 使用Vue路由跳转刷新页面

this.$router.go(0);

3. 使用provide和inject
在App.vue组件中，定义一个reload方法，然后通过provide将该方法提供给子组件使用。在子组件中，通过inject注入该方法，并在需要刷新页面时调用该方法即可。

<template>
  <div>
    <router-view v-if="show" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      show: true
    }
  },
  provide() {
    return {
      reload: this.reload
    }
  },
  methods: {
    // 定义刷新方法
    reload() {
      this.show = false
      this.$nextTick(() => {
        this.show = true
      })
    },
  }
}
</script>

vue2刷新页面的方法

在Vue2中，有几种方法可以刷新页面。以下是其中的三种常见方法：

1. 第一种方法是直接调用源生的JavaScript方法来刷新页面。你可以使用`window.location.reload()`来实现页面的刷新。

2. 第二种方法是使用Vue路由跳转来刷新页面。你可以使用`this.$router.go(0)`来实现页面的刷新。这将重新加载当前页面并刷新所有数据。

3. 第三种方法是使用Vue的provide和inject功能。你可以在需要刷新页面的组件中注册一个`reload`方法，并将其提供给其他组件。在刷新页面时，调用`reload`方法即可实现页面的刷新。

注意，为了使用provide和inject功能，你需要在App.vue组件中提供`reload`方法，并在子组件中使用`inject`选项来注入该方法。然后，你可以在需要刷新页面的组件中调用`this.reload()`来刷新页面。

综上所述，这是Vue2中刷新页面的三种常见方法。你可以根据你的具体需求选择其中一种来刷新页面。