A contextmenu for Vue2
https://sumcets.github.io/bbu-contextmenu-vue2/
npm install bbu-contextmenu-vue2
Attribute | Type | Default |
---|---|---|
menuList | Array[options] | [] |
Attribute | Type | Default |
---|---|---|
disabled | boolean | false |
Name | Description | Parameters |
---|---|---|
onMenuClick | triggers when user clicks the menu | options |
<template>
<BbuContextmenu :menu-list="menuList" @onMenuClick="onMenuClick">
<div class="context">
bbu-contextmenu
</div>
</BbuContextmenu>
</template>
<script>
import {BbuContextmenu} from 'bbu-contextmenu-vue2'
import 'bbu-contextmenu-vue2/bbu-contextmenu-vue2/style.css'
export default {
components: {
BbuContextmenu
},
data() {
return {
menuList: [
{
name: 'COPY',
disabled: false
},
{
name: 'EDIT',
disabled: true
},
{
name: 'VUE2',
disabled: false
}
]
}
}
},
methods: {
onMenuClick(menu) {
// todo
// { name: 'xxx', disabled: true }
}
}
</script>