jk's notes
  • Popover 气泡弹出框

Popover 气泡弹出框

文档: https://vant-contrib.gitee.io/vant/#/zh-CN/popover

包裹在某个组件外, 例如按钮等. 在点击时, 弹出一个气泡框, 里面包含额外的选项.

<van-popover v-model:show="..." :actions="...">
  <template #reference></template>
</van-popover>
  • 组件会按照 reference 插槽的内容来进行定位.

  • 组件默认插槽的内容会弹出气泡中的内容, 允许自定义.

  • 组件使用 v-model:show 为受控模式, 为绑定时, 则为自由模式.

actions 绑定默认的弹出层类型为:

image-20240115234215093

Last Updated:
Contributors: jk