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

最新推荐文章于 2024-07-24 15:33:02 发布

小城听风雨

最新推荐文章于 2024-07-24 15:33:02 发布

阅读量9.9k

点赞数 2

分类专栏： vue的使用心得文章标签： vue javascript

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/a5252145/article/details/106356872

版权

vue的使用心得专栏收录该内容

36 篇文章 1 订阅

订阅专栏

Vue 对指定div进行强制刷新

<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>