miniminixu 2019-08-02 10:59 采纳率: 75%
浏览 1199
已采纳

如何解决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条回答 默认 最新

  • 狗蛋丶 2019-08-02 13:21
    关注

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

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?