vue 怎么強制刷新組件

1.在組件中方法使用$forceUpdate方法

 

import Vue from 'vue'
Vue.forceUpdate() // 啟動配置

export default {
  data () {},
  methods: {
    handleRefresh() {
      // 寫入方法
      this.$forceUpdate()
    }
  }
}

 

 

 

 

2.在組件中綁定key值 

<template>
  <div>
    <demo :key="count"></demo> // 綁定key值
    <button @click="handleRefresh">刷新demo組件</button>
  </div>
</template>
<script>
import demo from "./test.vue";
export default {
  name: "refreshDemo",
  data() {
    return {
      count: 0 
    };
  },
  methods: {
    handleRefresh() {
      this.count += 1 // 更改key值，從而達到刷新組件的效果 當key改變時就是釋放原始組件，重新加載新的組件
    }
  }
};
</script>