首页 > 其他分享 >vantUI 关于pop固定头部关闭框解决方法

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

时间:2022-10-10 17:23:57浏览次数:43  
标签:滚动 关闭 vantUI pop overflo 头部

  <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 就可以了

标签:滚动,关闭,vantUI,pop,overflo,头部
From: https://www.cnblogs.com/ddqyc/p/16776462.html

相关文章