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
7 years ago
0.0.12
7 years ago
0.0.11
7 years ago
0.0.10
7 years ago
0.0.9
7 years ago
0.0.8
7 years ago
0.0.7
7 years ago
0.0.6
7 years ago
0.0.5
7 years ago
0.0.4
7 years ago
0.0.3
7 years ago
0.0.2
7 years ago
0.0.1
7 years ago