如何解决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去试,可能内存升高的不是那么快那么明显,但是页面这样的节点特别多的时候就很明显了。

1个回答

v-if改成v-show...
同学,改DOM一时爽,一直改一直爽。。

miniminixu
miniminixu 谢谢,刚在实际应用下试了下,确实可以了
6 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问