t×tecexpressby TeKOcloud
ENv0.7.1
Navigation & Feedback / VUE

TxMenu.

Interaktive Vorschau

Flache Liste von Menüaktionen; verschachtelte Aktionen gehören ins ContextMenu.

PropTypStandardBedeutung
dataSourceTxSource<string | Item> | undefinedundefinedListe, Konfiguration oder DataSource-Instanz; hat Vorrang vor items.
items(string | Item)[] | undefined[]Einträge; bei Datenbindung durch dataSource ersetzt.
disabledboolean | undefinedfalseSperrt die Interaktion.
labelstring | undefinedMenüBeschriftung beziehungsweise zugänglicher Name.

Ereignisse

EventPayload / Verhalten
itemClick{ itemData, itemIndex, event }
vue
<script setup lang="ts">
import { ref } from 'vue'
import { TxMenu } from '@tekocloud.de/tecexpress'
import '@tekocloud.de/tecexpress/themes/index.css'
const saved = ref(false)
</script>

<template>
  <TxMenu :items="[{ text: 'Home' }]" @item-click="saved = true" />
</template>