vue 的dialog中使用vxe-table省略文本被el-dialog层级覆盖掉的问题

发现省略文本的层级是1012,但是el-dialog的层级已经是2001了。根据这点出发,我这边给我封装的vxetable组件里面添加

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

发现并没有影响到样式,然后我发现了,这个文本框的位置,居然是在html的body之下,于是我找到了最上层的html文件在head里面添加

<style>
      /* 添加内联样式  由于vxe的省略文本层级比element弹窗层级低*/
      body .vxe-table--tooltip-wrapper {
        z-index: 30000 !important;
      }
  </style>

即可,这样就可以一直悬浮在弹窗之上了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

尘柢

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值