element ui 爬坑之旅

最新推荐文章于 2024-09-13 11:40:00 发布

原创最新推荐文章于 2024-09-13 11:40:00 发布 · 637 阅读

0 ·

CC 4.0 BY-SA版权

vue爬坑专栏收录该内容

3 篇文章

订阅专栏

本文记录了在使用Element UI框架时遇到的一些问题及解决方案，包括表单中model值的匹配规则，IE浏览器下el-date-picker日期格式的限制，表格表头固定和自适应高度的实现，以及el-upload组件在文件上传至FTP时遇到的进度条错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 表单

（1）

上图标记1model里面的值，必须和标记2里面的值一致，否则会报错。

（2）在ie里面，el-date-picker默认值设置时只支持时间格式为 2018-3-12 15:41:20 ，不支持类似于

2018/3/12 15:41:20 ；

（3）

2. 表格

（1）

/*选中状态的颜色*/
.useIndexTable .el-table__body-wrapper tr.current-row{

  background-color: #DAF0FE !important;

}
/*滑过行的颜色*/
.useIndexTable .el-table__body-wrapper tr:hover td{
  background-color: #D8F7E7 !important;

}

（2）表头固定，并且高度自适应。

useIndexTable为自己定义的类

/*表格整体位置,以及固定表头*/
.useIndexTable .bottomTab{
  position: absolute;
  bottom: 60px;
  right: 0;
  width: 100%;
  overflow-y: auto;
  top:180px;
}
.useIndexTable .el-table {
  height: 100%;
}
/*calc为css3里面的东东*/
.useIndexTable .el-table__body-wrapper {
  height: calc(100% - 46px);
  overflow-x: hidden;
}