vue 中使用 element-ui一些tips

一、el-table 表格

1. 修改鼠标悬停时表格(行)的背景颜色

1. 表格中有使用按钮

   

   右边是按钮

   // 鼠标悬停样式
   /deep/.el-table__body .el-table__row.hover-row td {
     background-color: #fff6f7 !important;
   }
   

2. 表格中有使用按钮

   

     tbody tr {
       &:hover {
         td {
           background-color: #fff6f7 !important;
         }
       }
     }
   

二、el-menu 导航栏菜单

1. 当右边的内容部分跳转路由，导航栏高亮的部分不亮了

右边跳转路由，左边的红色高亮就消失了。

先看一下 el-menu里的两个配置项

这两个配置项可以知道这个 index也就是跳转路由的路径

然后在配置路由的js文件里

下面的/learningStatisticsDetails是在上面的/learningStatistics里面跳转的，这样设置之后，跳转到/learningStatisticsDetails里，/learningStatistics这个部分也是激活状态的，导航栏的高亮部分就不会消失了^ ^