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

93次阅读


在 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>

正文完
 0