no message
Former-commit-id: cba677736e2f60aabfec82226a8a91c8c8714bac [formerly cba677736e2f60aabfec82226a8a91c8c8714bac [formerly cba677736e2f60aabfec82226a8a91c8c8714bac [formerly cba677736e2f60aabfec82226a8a91c8c8714bac [formerly 6c59c3126086bb46805ad046ce51d7d4eb6409e8 [formerly 5467b975994329dc9e7921e786e62bd26f7c9d7a]]]]] Former-commit-id: e842168fc72d8aae90aa42c79ca42c9474c602a4 Former-commit-id: 831db109565a97d9ecf4ae7836e39625026e00f2 Former-commit-id: dc6fa891be376efc3a1d1abeda1c1f33e62c486f [formerly 75ca46019a8418b8b9282f4f57788ae467d9387f] Former-commit-id: debe3ffba91eccc2a771b7591d3b1829e5367875 Former-commit-id: e1861989ed53d1e14aaa713d00b06c622246eeef Former-commit-id: 8ecf0e44d957e858f993583808f2e4aff36d7cda Former-commit-id: 3ee82394ea19e2dd0ef6dfc15063ade1e1fc23c2 Former-commit-id: a603969620a081be6b48e0677b7f4e506fe835ea
This commit is contained in:
40
src/pages/demo/components/contextmenu/submenu.vue
Normal file
40
src/pages/demo/components/contextmenu/submenu.vue
Normal file
@@ -0,0 +1,40 @@
|
||||
<template>
|
||||
<d2-container>
|
||||
<template slot="header">子菜单</template>
|
||||
<v-contextmenu ref="contextmenu">
|
||||
<v-contextmenu-item @click="handleClick">菜单 1</v-contextmenu-item>
|
||||
<v-contextmenu-item @click="handleClick">菜单 2</v-contextmenu-item>
|
||||
<v-contextmenu-item divider></v-contextmenu-item>
|
||||
<v-contextmenu-submenu title="菜单 3">
|
||||
<v-contextmenu-item @click="handleClick">菜单 3-1</v-contextmenu-item>
|
||||
<v-contextmenu-item divider></v-contextmenu-item>
|
||||
<v-contextmenu-submenu title="菜单 3-2">
|
||||
<v-contextmenu-item @click="handleClick">菜单 3-2-1</v-contextmenu-item>
|
||||
</v-contextmenu-submenu>
|
||||
<v-contextmenu-item @click="handleClick">菜单 3-3</v-contextmenu-item>
|
||||
<v-contextmenu-item @click="handleClick">菜单 3-4</v-contextmenu-item>
|
||||
<v-contextmenu-item @click="handleClick">菜单 3-5</v-contextmenu-item>
|
||||
</v-contextmenu-submenu>
|
||||
</v-contextmenu>
|
||||
<div class="contextmenu-pad" v-contextmenu:contextmenu>
|
||||
右键点击此区域
|
||||
</div>
|
||||
</d2-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
methods: {
|
||||
handleClick (vm, event) {
|
||||
this.$message({
|
||||
message: `你点击了${vm.$slots.default[0].text}`,
|
||||
type: 'info'
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import './style/pub.scss';
|
||||
</style>
|
||||
Reference in New Issue
Block a user