2021.9.16坑74（el-form、label、对齐方式）：el-form 设置标签 label 的对齐方式 label-position 属性为 right 或 left 时，需同时设置标签宽度 label-width 属性。若无设置，标签 label 的宽度会随标签内容自动调整，无对齐效果（ label 看似左对齐，但内容头部不会对齐，会贴着 label ）。默认对齐方式为 right

2021.9.22坑81（vue、@click、绑定多个事件）：@click 绑定多个事件，中间逗号隔开即可，参数各自传输。代码如下：@click='function1,function2(para)'参考：vue中@click绑定多个事件_YanHSama的博客-CSDN博客_@click绑定多个事件坑82（vue、props、emits、触发函数）：问题场景是父组件使用props传输函数到子组

2021.7.29坑19（css、el-menu、目录、样式）：配置完目录el-menu后，发现其中文字内容均为居中展示，而element-plus官网文档效果是左对齐的。发现原因：包裹目录的组件中设置了text-align: center，改为left即可实现目标效果。但这也会影响到其他各组件的效果。参考： element ui 导航怎么让菜单对齐啊-CSDN论坛坑20（css、el-menu、

2021.8.30坑56（npm、yarn、ncu、vue3.2.x、升级包、esbuild、element-plus）：主要是完成之前未完成的vue到3.2.x的更新（因为element-plus当时依然是基于3.1.x版本的vue，更新后会报错，详见 Uncaught SyntaxError: The requested module ‘/node_modules/.vite/vue.js?v

2021.8.16坑53（vue3、vue-router4、动态路由、刷新404或白屏、next）：简略版：（tips：不只刷新会出问题，输入网址导航也会）1、刷新404：将匹配全部为定义路径到404的路由从静态路由表中去除，在动态权限路由都添加了之后在添加。接下来可能会报warn并白屏，解决方法见下一条2。2、刷新白屏：如果是在路由守卫router.beforeEach中检测并用router.a

2021.8.12坑50（vue-router4、addRoute()、router.options.routes未更新）：进行动态权限获取菜单的设置，使用了addRoute()来添加路由，但是router.options.routes未更新，依然只有原来的路由列表值。相关API简要介绍：addRoute()，添加一条新的路由记录到路由，文档：API 参考 | Vue Router (vuejs.

2021.7.28坑17（vue3、生命周期钩子、导航守卫、页面刷新）：发现页面刷新后在导航守卫afterEach()中设置的头部的面包屑、标题、标签页调整函数updateHeader()并未触发，即刷新页面无法触发afterEach()，也就无法正确显示刷新后页面的头部。解决方法：在生命周期钩子onMounted()中调用updateHeader()，该钩子会在页面刷新后触发。以上导航守卫和生命

2021.8.5Element Plus 团队表示正在将原有组件内的 Font Icon 向 SVG Icon 迁移，正式版本Font Icon将被弃用，于是目标是对代码进行对应的更新，Font Icon换成SVG Icon。文档：组件 | Element (element-plus.org)注意：当前图标只适用于vue3。首先更新 element-plus版本，指定安装@1.0.2-beta.6

2021.8.10坑42（css、子元素充满父元素）：目标是通过css使html子元素充满父元素。其中，height: 100%需要父元素有高度设置才起效。如下设置即可：.box {width: 100%;height: 100%;}坑43（el-tree、高度充满父元素）：目标是使el-tree元素的高度充满父元素。普通使用，单个el-tree组件：首先尝试设置height: 100%，无效果，

2021.9.27坑92（npm、更新依赖、error）：用npm更新如下依赖时报错。@vue/compiler-sfc^3.2.11→^3.2.19element-plus^1.1.0-beta.10→^1.1.0-beta.16ncu没检测到的（因为是next版本）： vue^3.2.11→^3.2.19npm ERR! code ERESOLVEnpm ERR! ERESOLVE unabl