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

转自:https://lequ7.com/guan-yu-vuejsiviewbug5114-zai-iview-de-poptip-qi-pao-ti-shi-nei-diao-yong-datepicker-chu-xian-zhe-dang-huo-tong-shi-guan-bi-chuang-kou-deng-chong-tu-wen-ti.html

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

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

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>
---------------------------------------------
生活的意义并不是与他人争高下,而在于享受努力实现目标的过程,结果是对自己行动的嘉奖。
↑面的话,越看越不痛快,应该这么说:

生活的意义就是你自己知道你要做什么,明确目标。没有目标,后面都是瞎扯!
原文地址:https://www.cnblogs.com/pengchenggang/p/14658056.html