更新记录

1.0.0（2025-04-22） 下载此版本

初版

平台兼容性

x-contextual-menu

长按弹出菜单, 长按弹出上下文菜单

示例

<!-- 作为页面根元素, 整个页面都可以长按触发 -->
<x-contextual-menu :menu-list="['复制', '回复', '删除']" @menu-click="onMenuClick">
    <view class="container p-30">
        <x-placeholder></x-placeholder>
        <button class="mt-30" type="primary" v-for="i in 20">长按菜单</button>
    </view>
</x-contextual-menu>

<!-- 用作单个标签, 只在长按每个标签时触发 -->
<x-contextual-menu v-for="i in 20" :menu-list="['复制', '回复', '删除']" @menu-click="onMenuClick(i)">
    <button class="mt-30" type="primary">消息{{i}}</button>
</x-contextual-menu>

<!-- 自定义菜单样式 -->
<x-contextual-menu v-for="i in 20">
    <button class="mt-30" type="primary">消息{{i}}</button>
    <template #menu>
        <view class="menu f-r-y-c">
            <view class="item" v-for="i in ['复制', '回复', '删除']" @click="onMenuClick(i)">
                {{ i }}
            </view>
        </view>
    </template>
</x-contextual-menu>

Props

Emits

Slots

插件如果对你有帮助给个好评吧~