操作项 - NativeScript-Vue 中文

<ActionItem> 是一个 UI 组件，允许您将操作按钮添加到 <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 指令根据条件显示 <ActionItem> 组件。

<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.systemIcon`	`数字`	获取或设置 iOS 上 `ActionItem` 的图标。该值必须来自 `UIBarButtonSystemItem` 枚举。
`android.systemIcon`	`字符串`	获取或设置 Android 上 `ActionItem` 的图标。该值必须是可绘制资源的名称。
`ios.position`	`字符串`	获取或设置 iOS 上 `ActionBar` 中 `ActionItem` 的位置。有效值：`left` 或 `right`。默认值为 `left`。
`android.position`	`字符串`	获取或设置 Android 上 `ActionBar` 中 `ActionItem` 的位置。有效值 `actionBar`（将项目放置在操作栏中） `popup`（将项目放置在选项菜单中；将项目呈现为文本） `actionBarIfRoom`（如果操作栏有足够的空间，则将项目放置在操作栏中；否则，将其放置在选项菜单中）默认值为 `actionBar`。

事件

名称	描述
`tap`	当点击 `ActionItem` 时发出。

原生组件

Android	iOS
`android.widget.Toolbar`	`UINavigationItem`