目录

前言

一、问题描述

二、解决问题

1.加样式

总结

---

前言

本文主要是记录在项目中所遇到的问题及解决方案

---

一、问题描述

问题效果图：

总之，下拉框给弹窗遮住，内容过长；鼠标悬停其内容没显示内容

主要原因：edit-render="{name: '$input'}" 或者 :edit-render="{name: '$select'}"，

反正带有$的就是动态显示的，就会被遮罩层遮住

二、解决问题

1.加样式

代码如下（示例）：

 下拉框的样式：

.vxe-select--panel{
    z-index: 9997 !important;
 }

​​​​​​​

日期的样式：

.vxe-input--panel.type--date, .vxe-input--panel.type--month, .vxe-input--panel.type--week, .vxe-input--panel.type--year {
    z-index: 9998 !important
}

内容过长鼠标悬停显示内容的样式：

.vxe-table--tooltip-wrapper{
    z-index: 9999 !important;
 }

 

---

总结

样式可能会在scoped中无效，用/deep/中也是无效，需额外多写个<style></style>中才有效.......

咔，结束!!!