更新记录
2.1.0(2023-10-27) 下载此版本
新增参数返回
2.0.0(2023-10-27) 下载此版本
2.0.0 使用全新方式控制菜单显示隐藏
平台兼容性
Vue2 | Vue3 |
---|---|
× | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
× | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 | 鸿蒙元服务 |
---|---|---|---|---|
× | × | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
使用
- 还插件是使用vue3指令编写的全局右键菜单指令
安装
- 下载压缩包
- 解压到项目中
- 局部引入
复制代码<template>
<div v-contentMenu="{ menuList: menu, params: {id:1} }">
</div>
<template/>
<script setup>
// 这里使用setup语法糖 就不需要注册指令了 如果没使用语法糖 则需要单独注册指令,可参考vue官网
import vContentMenu from "@/directives/rightMenu"
const menu = [
{
name: '插入', // 菜单名称
func(params) { // 菜单点击回掉函数
console.log('插入')
}
},
]
</script>
参数说明
-
menuList: 菜单列表
- name: 菜单名称
- func: 菜单点击回掉函数 返回params
-
params: 点击之后需要返回的内容