解决之法:
html:
// vxe-select组件 ,要加transfer
<vxe-select
:placeholder="$t('button.selects')"
v-model="item.ruleParamId"
:options="item.options?.map(val => ({label: val.paramName, value: val.id}))"
@change="getPVSecond(item, row.parameterValue)"
:disabled="dialogState === 'detail'"
:transfer="true"
/>
css:
.vxe-select--panel.is--transfer,
.vxe-date-picker--panel.is--transfer {
z-index: 9999 !important;
}
前几天写vxe-select,发现下拉框点击之后,箭头也变了,但是下拉框没出来,就很奇怪,后来查了一下,原来是弹窗把它们遮住了,然后就加长了选项集合,果然一点,下面就出来了,果然被遮住了,所以要把下拉框的层级提高,高于弹窗层级就可以了,当然日期下拉框是一样的,如下图: