no message
Former-commit-id: 90d15f0a8f44a278fddd3a2ba50c5a555b07ae5e [formerly 90d15f0a8f44a278fddd3a2ba50c5a555b07ae5e [formerly 90d15f0a8f44a278fddd3a2ba50c5a555b07ae5e [formerly 90d15f0a8f44a278fddd3a2ba50c5a555b07ae5e [formerly cd89dd457e1cf01d26df89e8c486f1fe5de39395 [formerly 7cd87a0d9e58338de7ec770cb5375b76d80139ef]]]]] Former-commit-id: c94a9202421b5bc75846f5846910e3d157705364 Former-commit-id: 28001973bb5b14065fb3bd3a79dc248d12b85c6a Former-commit-id: 577ad7ac8d14ba31c1a442118f39a956d23d15d9 [formerly 71a8b4249c963e78f317730e9a4bbdbbc3220f98] Former-commit-id: 640a8e086b3f8e5b979e93f80362a28f6779eb9b Former-commit-id: 594229216e79e6484c0fe1c6f147b88d15bb199f Former-commit-id: 88f8bd259204e759e223db8a8b285f3b1e007fe9 Former-commit-id: 38c640b2318fcc7a725233c4d7115206a893215d Former-commit-id: df4f73df9a9e2e8d4f60eca334bd363d8579f5b6
This commit is contained in:
@@ -103,7 +103,8 @@ const demoComponents = {
|
||||
{ path: `${pre}contextmenu/divier`, title: '分割线' },
|
||||
{ path: `${pre}contextmenu/group`, title: '按钮组' },
|
||||
{ path: `${pre}contextmenu/submenu`, title: '子菜单' },
|
||||
{ path: `${pre}contextmenu/disabled`, title: '禁用' }
|
||||
{ path: `${pre}contextmenu/disabled`, title: '禁用' },
|
||||
{ path: `${pre}contextmenu/custom-trigger`, title: '自定义事件' }
|
||||
]
|
||||
},
|
||||
{ path: `${pre}bigdata-table`, title: '百万数量级表格' },
|
||||
|
||||
46
src/pages/demo/components/contextmenu/custom-trigger.vue
Normal file
46
src/pages/demo/components/contextmenu/custom-trigger.vue
Normal file
@@ -0,0 +1,46 @@
|
||||
<template>
|
||||
<d2-container>
|
||||
<template slot="header">自定义事件</template>
|
||||
<v-contextmenu ref="contextmenu">
|
||||
<v-contextmenu-item @click="handleClick">菜单1</v-contextmenu-item>
|
||||
<v-contextmenu-item divider></v-contextmenu-item>
|
||||
<v-contextmenu-item @click="handleClick">菜单2</v-contextmenu-item>
|
||||
<v-contextmenu-item @click="handleClick">菜单3</v-contextmenu-item>
|
||||
</v-contextmenu>
|
||||
<v-contextmenu ref="dbContextmenu" event-type="dblclick">
|
||||
<v-contextmenu-item @click="handleClick">菜单1</v-contextmenu-item>
|
||||
<v-contextmenu-item divider></v-contextmenu-item>
|
||||
<v-contextmenu-item @click="handleClick">菜单2</v-contextmenu-item>
|
||||
<v-contextmenu-item @click="handleClick">菜单3</v-contextmenu-item>
|
||||
</v-contextmenu>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<div class="contextmenu-pad" v-contextmenu:contextmenu>
|
||||
右键点击此区域
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<div class="contextmenu-pad" v-contextmenu:dbContextmenu>
|
||||
左键双击此区域
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</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>
|
||||
@@ -1 +1 @@
|
||||
339b0329c6d4d368603852cd4bc5ec119ad52832
|
||||
919c478f2e165432104d6811b3b855f7b049ea39
|
||||
Reference in New Issue
Block a user