![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue使用Element-UI
使用时的一些技巧
不准吃饭
小前端
展开
-
el-scrollbar 滚动滑轮
element-ui有一个隐藏的滚动滑轮,只是没写在文档里面,直接用就行<el-scrollbar style="height: 100%"></el-scrollbar>原创 2022-01-04 14:26:43 · 582 阅读 · 0 评论 -
el-upload 上传 改变上传照片框的宽高之后,上传完图片,照片框宽度又变成默认的宽高
在修改照片框的宽高,防止上传照片的时候宽高又恢复为默认的宽高,需要设置个地方:.el-upload--picture-card上面提到隐藏时添加的class="hide",也需要设置宽高el-upload再加一个静态的class,需要设置高度,宽度不用设置,因为在删除照片时会有一个切换的动画特效,如果设置了固定的宽度,可能会怪怪的…(自己试试就知道了),如果关掉动画,删除照片会有抖动,所以还是加上比较好.avatar-uploader .el-upload也需要设置.el-upload-list原创 2022-01-04 14:20:33 · 2570 阅读 · 0 评论 -
el-upload 上传 照片墙上传照片,上传一张之后,上传框就消失
1. 照片墙上传照片,上传一张之后,上传框就消失上传之后,右边的这个框就隐藏,方法是借鉴github上的,链接忘记了,后面想起来了补上在el-upload标签上添加一个::class="{ hide: ruleForm.hideUpload_introduce }",动态的classdata里面:hideUpload_introduce: false,limitCount: 1,同时在el-upload上的两个钩子添加事件:on-change="handleIntroduceUploadHi原创 2022-01-04 14:19:17 · 2923 阅读 · 2 评论 -
el-menu 导航栏菜单 当右边的内容部分跳转路由,导航栏高亮的部分不亮了
右边跳转路由,左边的红色高亮就消失了。先看一下 el-menu里的两个配置项这两个配置项可以知道这个 index也就是跳转路由的路径然后在配置路由的js文件里下面的/learningStatisticsDetails是在上面的/learningStatistics里面跳转的,这样设置之后,跳转到/learningStatisticsDetails里,/learningStatistics这个部分也是激活状态的,导航栏的高亮部分就不会消失了^ ^...原创 2022-01-04 14:17:31 · 1557 阅读 · 0 评论 -
el-table 表格 表格的第一列添加序号
<el-table-column label="序号" width="55"> <template slot-scope="scope"> {{ scope.$index + 1 }} </template></el-table-column>原创 2022-01-04 14:13:47 · 1333 阅读 · 0 评论 -
el-table 表格 修改鼠标悬停时表格(行)的背景颜色
表格中有使用按钮右边是按钮// 鼠标悬停样式/deep/.el-table__body .el-table__row.hover-row td { background-color: #fff6f7 !important;}表格中有使用按钮/deep/ .el-table { tbody tr { &:hover { td { background-color: #fff6f7 !important; } }..原创 2022-01-04 14:12:28 · 4886 阅读 · 1 评论