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>