vue3前端遇到的问题处理总结笔记

1、点击头像出现边框

处理办法：

在css标签内

border:none，去除按钮边框；

outline:none，去除点击按钮之后出现的边框。

2、npm install xxx 报错

npm ERR! code ERESOLVE                                                         
npm ERR! ERESOLVE could not resolve                                            
npm ERR! 
npm ERR!     dev @vue/eslint-config-standard@"^6.1.0" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR!
npm ERR! For a full report see:
解决办法：

npm install xxx --legacy-peer-deps

3、对于左侧菜单栏设置 unique-opened 未生效（index获取不到或值相同的问题）

解决办法：

:index="item.ID+''"

其中ID为uint，需要转换为字符串

4、左侧菜单栏折叠，只显示图片不显示图片右侧文字

处理办法：

.el-menu{
  &.el-menu--collapse{
    & .tit-text{
      display: none;
    }
  }
}

将文字对应的样式设置 display: none