elementUI在IE中的常见问题集合(持续更新)

 

1、IE上弹窗关闭时,会闪烁问题  (在全局加上下面样式)

// 防止在IE上弹窗关闭时抖动
.el-dialog__wrapper{
  &.dialog-fade-leave-active{
    -ms-animation:none !important;
  }
}

2、IE上打开弹窗,弹窗被遮罩层遮罩

在el-dialog标签上加上:append-to-body='true'

 

3、解决IE上表格气泡少数情况不出现问题(存在2-3个字符时,气泡不出现)

不出现气泡得,画了红线

.el-table .cell, .el-table th div{
  width:90%;
  padding-right:0;
}

4、滚动隐藏(火狐,谷歌,IE) 

.el-input__prefix::-webkit-scrollbar {
  display: none;
}

.el-input__prefix {
  //IE
  -ms-overflow-style: none;
  //firefox
  scrollbar-width: none;
}
  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
ElementUI是一款基于Vue.js的UI组件库,它提供了一系列易于使用和美观的表单组件,用于快速构建表单页面。下面是ElementUI表单常见问题的解答: 1. 如何设置表单的初始值? 在ElementUI,可以通过给表单的model属性绑定数据对象来设置表单的初始值。例如,可以在data定义一个data对象,并将其作为model的值传递给表单的model属性。 2. 如何验证表单的输入? ElementUI提供了一系列验证规则,用于验证输入的合法性。可以通过在表单项的rules属性设置验证规则,来实现对表单输入数据的验证。验证规则可以是预定义规则,也可以是自定义规则,例如使用正则表达式。 3. 如何自定义验证提示信息? 在ElementUI,可以通过在表单项的rules属性设置message属性,来自定义验证提示信息。message属性可以是一个字符串,也可以是一个回调函数,用于根据不同的验证结果返回不同的提示信息。 4. 如何处理表单的提交事件? 可以通过给表单的submit事件绑定一个回调函数来处理表单的提交事件。在回调函数,可以获取表单的输入数据,并进行相应的处理,例如发送请求或进行数据保存等操作。 5. 如何禁用表单项或设置为只读? 可以通过给表单项的disabled属性设置为true来禁用该表单项,禁用后用户无法对该表单项进行编辑。类似地,可以通过给表单项的readonly属性设置为true来将该表单项设置为只读,只读的表单项可以查看但无法编辑。 总之,ElementUI提供了丰富的表单组件和功能,能够满足大部分表单需求,并提供了灵活的配置选项,方便开发者实现高度定制化的表单页面。
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值