原生Vue 实现右键菜单组件功能
Vue原生实现右键菜单组件,零依赖
快速安装
npminstallvue-contextmenujs
使用
测试中使用的是element-ui图标
importContextmenufrom"vue-contextmenujs" Vue.use(Contextmenu);
ps：下面看下vue点击菜单以外区域，隐藏菜单操作
data(){
return{
menuShow:false//v-show标识隐藏显示
}
},
mounted(){
let_this=this;
document.addEventListener('click',function(e){//下面这句代码是获取点击的区域是否包含你的菜单，如果包含，说明点击的是菜单以外，不包含则为菜单以内
letflag=e.target.contains(document.getElementsByClassName('menu-class')[0])
console.log(flag)
if(!flag)return
_this.menuShow=false
})
}
总结
以上所述是小编给大家介绍的原生Vue实现右键菜单组件功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。