vant/docs/examples/popup.md

Popup组件

基础用法

:::demo

<o2-button @click="popupShow1 = true">从下方弹出popup</o2-button>
<o2-popup v-model="popupShow1" position="bottom" class="o2-popup-1">
  xxxx
</o2-popup>

<o2-button @click="popupShow2 = true">从上方方弹出popup</o2-button>
<o2-popup v-model="popupShow2" position="top" class="o2-popup-2" :overlay="false">
  更新成功
</o2-popup>

<o2-button @click="popupShow3 = true">从右方弹出popup</o2-button>
<o2-popup v-model="popupShow3" position="right" class="o2-popup-3" :overlay="false">
  <o2-button @click.native="popupShow3 = false">关闭 popup</o2-button>
</o2-popup>

<o2-button @click="popupShow4 = true">从中间弹出popup</o2-button>
<o2-popup v-model="popupShow4" transition="popup-fade" class="o2-popup-4">
  一些内容
</o2-popup>

:::

API

参数	说明	类型	默认值	可选值
value	利用v-model绑定当前组件是否显示	Boolean	''