ActionSheet 上拉菜单

基础用法

需要传入一个actions的数组,数组的每一项是一个对象,对象属性见文档下方表格。

  1. <van-action-sheet
  2. show="{{ show }}"
  3. bind:close="onClose"
  4. bind:select="onSelect"
  5. />

选项状态

  1. show="{{ show }}"
  2. actions="{{ actions }}"
  3. />

设置cancel-text属`性后,会在底部展示取消按钮,点击后关闭当前菜单

<van-action-sheet
  show="{{ show }}"
  actions="{{ actions }}"
  cancel-text="取消"
/>

展示描述信息

展示标题栏

通过设置title属性展示标题栏,同时可以使用插槽自定义菜单内容


API

Events

actions