今天小编就为大家分享一篇关于在vue项目中使用Jquery-contextmenu插件的步骤讲解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
使用步骤:
1、安装:
npm i jquery-contextmenu --save-dev
2、在main.js文件中引包
import Jquery_contextmenu from 'jquery-contextmenu' Vue.use(Jquery_contextmenu) import 'jquery-contextmenu/dist/jquery.contextMenu.css'
注意:
在引入样式时可以点击进去jquery-contextmenu的安装目录中查找对应的css文件,然后按需引入即可
3、使用:本文来源gaodai#ma#com搞@@代~&码网^
<div> <button class="with-cool-menu">Jquery-contextmenu</button></div>
效果图:
总结
以上就是在vue项目中使用Jquery-contextmenu插件的步骤讲解的详细内容,更多请关注gaodaima搞代码网其它相关文章!