关于vue.js:iview-Bug-5114在iview的Poptip气泡提示内调用DatePicker出现遮挡或同时关闭窗口等冲突问题


在iview官网存在这这样一个bug
演示地址

iview默认的模式就是所有transfer都会敞开窗口事件,所以date-picker点选后会触发敞开事件,导致popTip一起敞开。

以后最正当的解决办法是:
1.只保留popTip为transfer,将date-picker的transfef设为false
<DatePicker :transfer="false" ></DatePicker>


2.将date-picker的transfef设为false会呈现popTip容器遮挡问题,这是须要设置.ivu-poptip-body-content css为overflow: visible;

2.1.设置Poptip的popper-class,用于防止全局净化默认款式
<Poptip trigger="click" popper-class="time-box" transfer>

2.2.编写正确的css款式
<style>
.time-box .ivu-poptip-body-content {
overflow: visible;
}
</style>

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理