5939f6bba2
Former-commit-id: 0d1731057ff1174def0d75f46464599467a49980 [formerly 0d1731057ff1174def0d75f46464599467a49980 [formerly 0d1731057ff1174def0d75f46464599467a49980 [formerly 0d1731057ff1174def0d75f46464599467a49980 [formerly f589a6925a4f627ceb63dce0287b054f2ea51b01 [formerly 459462c75f8c0a094e329b8e79c31f25b0a1d13b]]]]] Former-commit-id: c33c195b541649457a39c04d87744849ba4d2896 Former-commit-id: 62ef3e9510db76c3dc0261353190045e44ce3544 Former-commit-id: 949b317258f33ad4d4b8374e93acc8afc99cd158 [formerly ae9a6b35e506612d5c2028c9ecfe13ff344e6ef9] Former-commit-id: 43798d828774818a6bbddf55103d39e7665b180e Former-commit-id: 3a9df59732384a97fe490050c64f0baa2e62daf5 Former-commit-id: 0460e987366514ac675d2483f824d5519d465de0 Former-commit-id: 326a9aa18e0183e35e951034c7f43caf4b1a9579 Former-commit-id: 982b1f27a9e060339b83fe9a2baddc5c221de32c
41 lines
1.4 KiB
Vue
41 lines
1.4 KiB
Vue
<template>
|
|
<d2-container type="card">
|
|
<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>
|