uni-app中的uni-data-select组件点击穿透

使用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;
    }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容