Vue 强制刷新页面,或者指定div进行刷新

1,908 阅读1分钟
<template>
  <div v-if="isReloadData">
    假如在这个div里面修改了某些数据,或者是 props 带过来的数据,又或者是通过 funcation 动态设置的属性属性,
    可能在修改之后不会进行刷新展示最新的数据
  </div>
</template>

<script>
export default {
  data () {
    return {
      // 刷新标识
      isReloadData: true
    }
  },
  methods: {
    // 刷新当前页面,在修改数据之后 this.reload 一下就可以完成刷新当前这个指定标签的刷新
    reload () {
      this.isReloadData = false
      this.$nextTick(() => {
        this.isReloadData = true
      })
    }
  }
}
</script>

<style>

</style>