关于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>
posted @ 2021-04-14 15:17  彭成刚  阅读(421)  评论(0编辑  收藏  举报