vueでvant-uiを使用するpopup>pickerコンポーネントでiosで下部ポップアップ層の高さが失われる問題が発生
解決コード:
popupにget-container=「#screen(親要素id)」属性を追加し、指定した親要素の下にポップアップレイヤをマウントしてiosシステムに表示されないバグを解決します.
popupにget-container=「#screen(親要素id)」属性を追加し、指定した親要素の下にポップアップレイヤをマウントしてiosシステムに表示されないバグを解決します.
<div id='screen'>
<van-popup
get-container="#screen"
:safe-area-inset-bottom="true"
v-model="showReservaStatusPicker"
position="bottom"
>
<van-picker
show-toolbar
:columns="columns5"
@cancel="onCancelReservaStatus"
@confirm="onConfirmReservaStatus"
/>
</van-popup>
</div>