Several Vue Warn received for simple example #16
Description
I'm receiving different warns when trying to implement a simple context menu, using code from the examples, this warn is triggered when I hover on a child element.
<hsc-menu-style-white>
<hsc-menu-button-menu style="margin: 50px;" @open="open" @close="close">
<button>Click Here</button>
<template slot="contextmenu">
<hsc-menu-item label="MenuItem 1"/>
<hsc-menu-item label="MenuItem 2"/>
<hsc-menu-item label="MenuItem 2">
<hsc-menu-item label="MenuItem 4"/>
<hsc-menu-item label="MenuItem 5"/>
</hsc-menu-item>
</template>
</hsc-menu-button-menu>
</hsc-menu-style-white>
</template>
<script>
export default {
methods: {
open() {
console.log("open");
},
close() {
console.log("close");
}
}
};
</script>
<style>
.box {
box-shadow: 0 0 4pt rgba(0, 0, 0, 0.25);
border-radius: 20pt;
background-color: rgba(255, 255, 255, 0.25);
user-select: none;
cursor: context-menu;
}
</style>```