vue3 使用 element-plus 侧边菜单栏多开收起时 出现 迟滞、卡顿的问题

遇到问题
vue3 使用 element-plus 侧边菜单栏多开收起时 出现 迟滞、卡顿的问题

vue3 使用 element-plus 侧边菜单栏多开收起时 出现 迟滞、卡顿的问题_第1张图片
这里多开二级,当点击上面的回收时,出现了卡顿现象,找了很久才发现是因为引入了icon图标
vue3 使用 element-plus 侧边菜单栏多开收起时 出现 迟滞、卡顿的问题_第2张图片
具体原因不详!!!!坑啊

解决方法
这里引入第三方图标库:iconfont
在 iconfont.cn 中选择并添加至新项目,然后按如下:
vue3 使用 element-plus 侧边菜单栏多开收起时 出现 迟滞、卡顿的问题_第3张图片
复制css内容,并放入项目中:
vue3 使用 element-plus 侧边菜单栏多开收起时 出现 迟滞、卡顿的问题_第4张图片
引入:
vue3 使用 element-plus 侧边菜单栏多开收起时 出现 迟滞、卡顿的问题_第5张图片
使用:
vue3 使用 element-plus 侧边菜单栏多开收起时 出现 迟滞、卡顿的问题_第6张图片
卡顿的现象就没有了!!!!
2023.12.17

你可能感兴趣的:(vue3,element-plus,icon)