vantUI 关于pop固定头部关闭框解决方法

  <van-button @click="popShow=true">添加单选</van-button>
    <van-popup v-model:show="popShow" close-icon="close" position="bottom" :style="{ height: '100%',overflow: 'hidden' }" closeable>
        <template #default> 
            <div style="height:100%; overflow: auto;">
                <selectItem v-if="popShow" :multiple="false" @getResult="getResultRadio" />
            </div>
        </template>   
    </van-popup>

主要步骤:
1.首先给van-popup设置overflo:hidden(关键-不要让外层滚动)
2. 给你需要滚动的层加高度,并且加overflo:auto 就可以了

posted @ 2022-10-10 17:17  青幽草  阅读(876)  评论(0)    收藏  举报