ActionItem

This is an overview of the most common usage of ActionItem. For more information about the available properties, methods, or events, head over to the complete API documentation for ActionItem.

ActionItem - компонент, используемый для добавления дополнительных кнопок действия на ActionBar.


<ActionBar title="My App">
  <ActionItem @tap="onTapShare"
    ios.systemIcon="9" ios.position="left"
    android.systemIcon="ic_menu_share" android.position="actionBar" />
  <ActionItem @tap="onTapDelete"
    ios.systemIcon="16" ios.position="right"
    text="delete" android.position="popup" />
</ActionBar>

Условное отображение элементов действий

Элементы действий могут быть отображены на основе условия с использованием директивы v-show.

<ActionBar title="My App">
  <ActionItem @tap="onTapEdit"
    v-show="!isEditing"
    ios.systemIcon="2" ios.position="right"
    android.systemIcon="ic_menu_edit" />
  <ActionItem @tap="onTapSave"
    v-show="isEditing"
    ios.systemIcon="3" ios.position="right"
    android.systemIcon="ic_menu_save" />
  <ActionItem @tap="onTapCancel"
    v-show="isEditing"
    ios.systemIcon="1"
    android.systemIcon="ic_menu_close_clear_cancel" />
</ActionBar>

Свойства

ИмяТипОписание
ios.systemIconStringУстанавливает иконку для iOS.
android.systemIconStringУстанавливает иконку для Android.
ios.positionStringУстанавливает расположение для iOS.
Допустимые значения:
- left (по-уолчанию): Устанавливает элемент с левого края в ActionBar.
- right: Устанавливает элемент с правого края в ActionBar.
android.positionStringУстанавливает расположение для Android.
Допустимые значения:
- actionBar (по-уолчанию): Устанавливает элемент внутри ActionBar.
- popup: Устанавливает элемент в меню опций. Элемент будет отрисован как текст.
- actionBarIfRoom: Устанавливает элемент в ActionBar, если для него есть достаточно места. Иначе располагает элемент в меню опций.

События

ИмяОписание
tapВызывается при нажатии на ActionItem.
Contributors