Element-plus@1.3.0-beta.3 + 组件el-select 性能问题

Question

<template>
  <div>
    <el-button @click="refresh">刷新</el-button>
  </div>
  <div v-if="key">
    <el-select style="width: 160px" placeholder="请选择">
      <el-option
        v-for="(item, index) in []"
        :key="index"
        :label="item.label"
        :value="item.value"
      ></el-option>
    </el-select>
  </div>
</template>

<script>
import { ref, nextTick } from "vue";

export default {
  name: "App",
  setup() {
    const key = ref(true);
    const refresh = () => {
      key.value = false;
      nextTick(() => {
        key.value = true;
      });
    };

    return { refresh, key };
  },
};
</script>

 

 

问题：

不断刷新，el-select 组件 竟然游览器内存持续增长 不释放~

 

 

 

同环境测试 el-input 完全没问题。

 

 

 

 

 

 

 

Answer 1

我之前碰到过这个问题，你可以修改一个版本"element-plus": "^1.2.0-beta.3",，再npm i一下试试

vue项目中的内存泄漏_原莱_的博客-CSDN博客_vue内存泄漏 vue中内存泄漏的问题Q：前几天项目遇到了一个问题，访问页面导致内存不断上涨。A：原因是在跳转路由销毁页面的时候，并没有释放内存。接下来就开始查找资料，去排查到底是哪部分的问题，导致内存不释放。以下链接就是帮助我排查的资料：!!!需要注意的是，如果没有以下的现象（放上去2s显示节点信息等），就卸载掉高版本的谷歌浏览器，下载一个低版本（68及以下的即可）https://www.chromedownloads.net/chrome64win如果熟悉之后找不到内存泄漏的点，那就要适当的转换方 https://blog.csdn.net/qq_40934617/article/details/114640448