vue2中自定义右击菜单--vue-contextmenujs

第一步我们先安装这个依赖

npm install vue-contextmenujs

第二步把我们的依赖引入到全局中

import Contextmenu from 'vue-contextmenujs';

Vue.use(Contextmenu)

第三步在我们需要右击菜单的代码上增加如下代码

vue2中自定义右击菜单--vue-contextmenujs_第1张图片

第四步在方法中写入方法

vue2中自定义右击菜单--vue-contextmenujs_第2张图片

vue2中自定义右击菜单--vue-contextmenujs_第3张图片

当然其中还是有很多别的属性,比如label、icon、hidden、onClick等等,基本上这些已经满足我们日常使用了

接下来看一下成品

vue2中自定义右击菜单--vue-contextmenujs_第4张图片

你可能感兴趣的:(vue.js,前端,javascript)