Vue 強制刷新頁面,或者指定div進行刷新

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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章