filter

Description

Optional. Specifies what context to show for the specified targets

Usage

filter?: (option: IMenuOption, item: any) => boolean;

Parameters

The filter function receives two arguments:

• option - a single menu option (IMenuOption) from the options collection
• item - the context object returned by the resolver function for the clicked element

The function should return:

• true - the menu option will be shown.
• false - the menu option will be hidden.

Example

<script setup>
    const filterMenu = (menuItem, task) => {
        // hide the "delete" item for projects
        if (menuItem.id === "delete" && task.type === "project") return false;
        return true;
    }
</script>

<template>
  <ContextMenu :options="options" :resolver="getTasks" :filter="filterMenu" />
</template>

In the above example:

• menuItem - a single record from the options collection
• task - the result of the resolver (getTasks()) function call

Related article: Different context for different targets

Related sample: Context for items