0.1.5 • Published 3 years ago
v-context v0.1.5
v-context
安装组件
npm i v-context注册组件
1、插件方式
import vContext from 'v-context'
Vue.use(vContext)
2、局部方式
import vContext from 'v-context'
export default {
// ...
components: {
vContext
}
}使用
<v-context
:target="target"
:show="userShow"
:menu="menu"
@update:show="(show) => (userShow = show)"
/>props 参数
| 字段 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| target | 指定绑定右键的元素 | Element | null |
| show | 右键菜单显隐 | Boolean | false |
| menuName | 右键菜单列表名字 | String | menu |
| menu | 右键菜单显隐 | Array | [] |
| color | 右键菜字体颜色 | String | #1a1a1a |
Events 事件
| 名称 | 说明 | 参数 |
|---|---|---|
| update:show | 显示/隐藏 | |
| contextMenuHandler | 显示/隐藏 | (e, data) 接收两个参数,1. 当前事件对象 2. 回调参数 |
Tips
1、若target是指定元素,可以使用 $refs来访问,请在父组件mounted 之后获取。
2、若需在外部自主控制菜单使用时,target置为null,调取contextMenuHandler事件0.1.0
3 years ago
0.1.2
3 years ago
0.1.1
3 years ago
0.1.4
3 years ago
0.1.3
3 years ago
0.1.5
3 years ago
0.0.13
8 years ago
0.0.12
8 years ago
0.0.11
8 years ago
0.0.10
8 years ago
0.0.9
8 years ago
0.0.8
8 years ago
0.0.7
8 years ago
0.0.6
8 years ago
0.0.5
8 years ago
0.0.4
8 years ago
0.0.3
8 years ago
0.0.2
8 years ago
0.0.1
8 years ago