美文网首页
在elementUI中踩坑清单

在elementUI中踩坑清单

作者: duadu | 来源:发表于2021-08-31 19:35 被阅读0次
  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效果

相关文章

  • 在elementUI中踩坑清单

    form 下面只有一个 input 时回车键刷新页面原因:触发了表单默认的提交行为解决:给el-form 加上@s...

  • elementUI踩坑

    ElementUI 表单校验没反应的问题 因为同一页面下写了多个表单,我需要对所有表单都进行校验无误后再向后台发起...

  • reset样式(cssreset),解决浏览器默认样式(user

    用ElementUI尝试学习vue的时候,踩的坑。 发现自己在scoped样式里面自己反复修改样式,就是不起作用(...

  • Vue+ElementUI踩坑

    样式踩坑 1,el-table在scoped的style中设置样式无效,求解 给el-table(加了一个clas...

  • 在踩坑中成长

    今天,在工作中又踩坑了,被领导狠狠说了一顿,虽然说这已经不是第一次在工作中踩坑犯错误,但总归还是不太开心,值得反思...

  • 交互设计师所要避免的几个坑

    前言 工作中难免会踩到几个坑,即使现在不踩以后还会踩,只有踩过才会深刻记住,踩过说明爱过!但是踩过的坑必须把坑填满...

  • 整理应急清单

    整理应急清单 文|过云雨 247/300 今日,收到朋友的一份工作清单。 这份清单非常细致,都是朋友工作时踩过的坑...

  • vue12-ElementUI 踩的坑

    最近项目中用到Element UI,大部分组件都有用到,不乏踩过一些莫名其妙的坑,特此记录 1. el-table...

  • 2019-05-06

    ReactNative踩坑日志——OnPress随着render()执行被自动调用? 在ReactNative中,...

  • 利用anywhere搭建本地服务器环境

    最近做的一个项目前端是vue+elementUi的,第一次用vue,踩了不少坑...最近一个问题就是明明本地运行是...

网友评论

      本文标题:在elementUI中踩坑清单

      本文链接:https://www.haomeiwen.com/subject/liaziltx.html