iview中使用vxe-table,下拉框被掩盖

下拉框被掩盖:

在这里插入图片描述

解决方法:

1、网上说的方法:在vxe-table中使用transfer:(但是我本地没有生效)

 <vxe-column field="directorId" title="负责人" width="100" :edit-render="{}">
     <template #default="{ row }">
          <span>{{ formatDirectorId(row) }}</span>
     </template>
     <template #edit="{ row }">
          <vxe-select v-model="row.directorId" @change="changeDirector(row)" transfer>
                <vxe-option v-for="item in row.userList" :key="item.memberId" :value="item.memberId" :label="item.memberName"></vxe-option>
          </vxe-select>
     </template>
</vxe-column>

在这里插入图片描述
2、添加样式(生效了),在样式中不要添加scoped,有可能会失败。

.vxe-select--panel.is--transfer{
    z-index: 9999!important;
}

在这里插入图片描述
完美解决
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值