<template>
<component-to-re-render :key="componentKey" />
</template>
export default {
data() {
return {
componentKey: 0,
};
},
methods: {
forceRerender() {
this.componentKey += 1;
}
当需要页面的组件重新渲染的时候,在组件中定义一个key值,并且存与data中,并且在需要渲染的条件下,触发事件,改变key值,key值变化,组件就会重新渲染
这是很有效的强制组件重新渲染的方法