bbu-contextmenu-vue2

bbu-contextmenu

A contextmenu for Vue2

Homepage

https://sumcets.github.io/bbu-contextmenu-vue2/

Installation

npm install bbu-contextmenu-vue2

Attributes

Attribute	Type	Default
menuList	Array[options]	[]

Options

Attribute	Type	Default
disabled	boolean	false

Event

Name	Description	Parameters
onMenuClick	triggers when user clicks the menu	options

Demo

<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>