使用uni-app中的<uni-data-select>组件,小程序会出现事件点击穿透问题
如下图:下拉框点击的时候会直接聚焦到下面的input框
image.png
<uni-data-select v-model="personInfo.storeId" :localdata="storeList" @change="storeIdChange"
:clear="false"></uni-data-select>
解决办法
找到引用的<uni-data-select>组件,给uni-select__selector的z-index加高一点,默认是2
.uni-select__selector {
/* #ifndef APP-NVUE */
box-sizing: border-box;
/* #endif */
position: absolute;
top: calc(100% + 12px);
left: 0;
width: 100%;
background-color: #FFFFFF;
border: 1px solid #EBEEF5;
border-radius: 6px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
z-index: 99999;
padding: 4px 0;
}