如何解决vue和iview组件库结合适合时在某些情况下的内存泄漏问题
问题描述:
demo如下
<Button @click="toggle=!toggle">切换显示</Button>
<div v-if="toggle">
//这个select是iview提供的组件,非原生select
<Select>
<Option :lable=“’apple‘” :value="apple">
<Option :lable=“’orange‘” :value="orange">
</Select>
</div>
上述代码片段,在多次点击button进行显示隐藏的切换后,页面内存急速升高,不会回落导致浏览器卡死崩溃。
vue官网解释这种情况下需要手动去destory这个组件,翻了下iview文档没有相关的destory方法,有大佬遇到过这样的情况,该怎么解决呢。
补充一下,单纯用上面的demo去试,可能内存升高的不是那么快那么明显,但是页面这样的节点特别多的时候就很明显了。
答
v-if改成v-show...
同学,改DOM一时爽,一直改一直爽。。