在某视频剪辑软件项目中使用Jquery-contextmenu插件的步骤讲解

使用步骤：

1、安装：

NPM I jquery-context menu-save-dev

2、在main.js文件中引包

从jquery-contextmenu' Vue导入Jquery _上下文菜单。使用(Jquery _上下文菜单)导入Jquery-上下文菜单/dist/Jquery。上下文菜单。' CSS '注意：

在引入样式时可以点击进去jquery-contextmenu的安装目录中查找对应的钢性铸铁文件，然后按需引入即可

3、使用：

模板div按钮类=' with-cool-menu ' Jquery-上下文菜单/按钮/div/模板脚本导出默认值{ name : ' Jquery _ context menu _ 44 '，已挂载(){ $。上下文菜单({ selector: ' .带-酷菜单'，回调：函数（键，选项){ var m='clicked: '键；窗户。控制台控制台。日志(m)| |警报(m)；}，项目： { ' Edit ' : { name : ' Edit '，icon: 'edit'}，' cut': {name: 'Cut '，icon: 'cut'}，copy: {name: 'Copy '，icon: 'copy'}，' paste ' : { name: ' Paste '，icon: ' paste ' }，' delete '$('.带-酷-菜单')。on('click '，函数(e){ console。日志('点击'，这个)；}) } }/scriptstyle范围/style效果图：

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对我们的支持。如果你想了解更多相关内容请查看下面相关链接