最好的方法:key
如果key保持不变,则不会更改组件,但当key发生更改时,vue会删除旧组件并创建新组件,它将重新初始化自身并“重置”其状态
<template>
<component-to-re-render :key="componentKey" />
</template>
export default {
data() {
return {
componentKey: 0,
};
},
methods: {
forceRerender() {
this.componentKey += 1;
}
}
}
本文介绍了在Vue中如何通过改变组件的key属性来强制组件重新渲染。当key值不变时,组件状态保持;但key变化时,Vue会销毁旧组件并创建新组件,从而重置组件状态。示例代码展示了如何在方法中更新key值以触发组件重绘。
5446

被折叠的 条评论
为什么被折叠?



