在做一个项目中遇到了一些问题,在此进行记录

el-icon导入未显示(自动导入

按照官方给的文档进行自动导入后,使用el-icon示例虽然页面中有相应的元素但无法显示
关键在于自动导入的配置中

1
2
3
IconsResolver({
enabledCollections: ['ep'],
})

由于该配置,自动引入的图标写法要改变,要在前面加上 i-ep- 前缀,否则无法显示。示例:

1
<el-icon><i-ep-HomeFilled /></el-icon>

el-menu折叠问题

可以折叠时,menu-item里有icon和文本元素,如果文本元素用span包裹折叠时就会自动遮罩,其他的似乎都不行

el-main中回到顶部问题

本来回到顶部组件是在window中监听scroll事件的,然后发现没有触发。才想到因为自己用了el-main,使得滚动发生在 el-main 内部的容器,而不是 window中。
然后就修改代码使得元素容器变为document.querySelector(‘.el-main’),然后就解决了