vue 刷新组件

vue 刷新组件

在Vue中，如果你需要强制刷新一个组件，可以通过改变组件的key属性来实现。当key改变时，Vue会认为这是一个全新的组件，并且会销毁旧的组件实例，创建一个新的实例。

以下是一个简单的例子：

<template>
  <div>
    <button @click="refreshComponent">刷新组件</button>
    <my-component :key="componentKey"></my-component>
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      componentKey: 0
    };
  },
  methods: {
    refreshComponent() {
      this.componentKey += 1;
    }
  }
};
</script>