Skip to content

renekoch/vue-context-menu

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vue-context-menu

Context Menu for VueJS

Properies

  • offset: type: [number, object, array], default: 10
  • position: type: String, default : ''

Methods

show contextmenu

show(evt, position = null)

  • evt: mouseevent
  • position: String, Array or Object, default center bottom

close context menu

close()

Events

  • open
  • close

Example

<vue-context-menu ref="menu" :offset="5" position="bottom center">
  <ul>
    <li @click="$refs.menu.close()">Item 1</li>
    <li @click="$refs.menu.close()">Item 2</li>
    <li @click="$refs.menu.close()">Item 3</li>
  </ul>
</vue-context-menu>

<button @contextmenu="$refs.menu.show($event)"> show menu</button>