首页 > 其他 > 详细

【鼠标右击组件】v-contextmenu

时间:2020-09-04 21:01:04      阅读:66      评论:0      收藏:0      [点我收藏+]

github地址

https://github.com/heynext/v-contextmenu
1.安装

$ npm i -S v-contextmenu

2.引入
import contentmenu from ‘v-contextmenu‘
import ‘v-contextmenu/dist/index.css‘
Vue.use(contentmenu)
3.举例子
<template>
  <v-contextmenu ref="contextmenu">
    <v-contextmenu-item>菜单1</v-contextmenu-item>
    <v-contextmenu-item>菜单2</v-contextmenu-item>
    <v-contextmenu-item>菜单3</v-contextmenu-item>
  </v-contextmenu>

  <div v-contextmenu:contextmenu>右键点击此区域</div>
</template>

效果图:

技术分享图片

 

【鼠标右击组件】v-contextmenu

原文:https://www.cnblogs.com/whblogs/p/13615773.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!