-
- GitHub
- GitLab
- Bitbucket
-
By logging in you accept
our terms of service
and privacy policy
Vue2.js floating for usage with right click (context menu) or any other required floating parts
Homepage Repository npm Download
npm install lb-vue-floatmenu@2.0.7
npm install lb-vue-floatmenu --save
Include plugin in your main.js file.
import Vue from 'vue'
import lbVueFloatmenu from 'lb-vue-floatmenu';
Vue.component('lb-vue-floatmenu', lbVueFloatmenu);
template code
<template>
<div v-on:contextmenu.prevent="$refs.someref.open($event, {name: 'test'})"></div>
<lb-vue-floatmenu ref="someref">
<template v-slot="{item}">
<ul v-if="item">
<li>Some option {{item.name}}</li>
</ul>
</template>
</lb-vue-floatmenu>
</template>
template code when in v-for
<template>
<div v-for="item in items">
<div v-on:contextmenu.prevent="$refs['someref'+item.id][0].open($event, item)"></div>
<lb-vue-floatmenu :ref="someref[item.id]">
<template v-slot="{item}">
<ul v-if="item">
<li>Some option {{item.name}}</li>
</ul>
</template>
</lb-vue-floatmenu>
</div>
</template>
| Property | Type | Required | Description |
|---|---|---|---|
| ref | string | * | reference name for context menu |
The Tidelift Subscription provides access to a continuously curated stream of human-researched and maintainer-verified data on open source packages and their licenses, releases, vulnerabilities, and development practices.
Learn more →Something wrong with this page? Make a suggestion
Export .ABOUT file for this package
Last synced: 2022-05-07 17:32:31 UTC
Login to resync this project