在elementUI中踩坑清单

2021-08-31  本文已影响0人  duadu
  1. form 下面只有一个 input 时回车键刷新页面
    原因:触发了表单默认的提交行为
    解决:给el-form 加上@submit.native.prevent
  2. 表格固定列最后一行显示不全
    原因:宽度刚好处于临界值状态
    解决:
.el-table__fixed-right {
  height: 100% !important;
}
  1. 弹窗重新打开时表单上次的校验信息未清除
    解决:开启或者关闭时在nextTick里重置表单this.refs['form'].resetFields()
  2. 表头与内容错位
    解决:
.el-table--scrollable-y .el-table__body-wrapper {
 overflow-y: overlay !important;
} 
  1. 表格内容超出省略
    解决:加show-overflow-tooltip,自带tooltip效果
上一篇下一篇

猜你喜欢

热点阅读