You are reading docs for v1.3.1, click here for the latest version.
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.

El componente ActionItem es utilizado para agregar botones (con acciones) al componente 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>

Mostrando elementos con condicionales

Los elementos ActionItems pueden ser representados usando condiciones con la directiva 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>

Propiedades

NombreTipoDescripcioón
ios.systemIconStringEstabelece el ícono para iOS.
android.systemIconStringEstabelece ícono para Android.
ios.positionStringEstabelece la posición del item en iOS.
Valores posibles:
- left (valor por defecto): Coloca el item en el lado izquierdo del componente ActionBar.
- right: Coloca el item en el lado derecho del componente ActionBar.
android.positionStringEstabelece la posición del item en Android.
Valores posibles:
- actionBar (valor por defecto): Coloca el item en el componente ActionBar.
- popup: Coloca el item en el menú de opciones (el item será mostrado como texto)
- actionBarIfRoom: Coloca el item en el componente ActionBar, siempre y cuando haya espacio suficiente. De lo contrario, coloca el item en el menú de opciones.

Eventos

NombreDescripción
tapEmitido cada vez que el item es presionado.
Contributors