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:
liyang
2018-06-20 08:20:59 +08:00
parent b67042e896
commit 28922ec116
5 changed files with 83 additions and 3 deletions

View File

@@ -101,7 +101,9 @@ const demoComponents = {
children: [
{ path: `${pre}contextmenu/simple`, title: '基础' },
{ path: `${pre}contextmenu/divier`, title: '分割线' },
{ path: `${pre}contextmenu/group`, title: '按钮组' }
{ path: `${pre}contextmenu/group`, title: '按钮组' },
{ path: `${pre}contextmenu/submenu`, title: '子菜单' },
{ path: `${pre}contextmenu/disabled`, title: '禁用' }
]
},
{ path: `${pre}bigdata-table`, title: '百万数量级表格' },

View File

@@ -0,0 +1,38 @@
<template>
<d2-container>
<template slot="header">禁用</template>
<v-contextmenu ref="contextmenu">
<v-contextmenu-item @click="handleClick">菜单1</v-contextmenu-item>
<v-contextmenu-item disabled @click="handleClick">菜单2</v-contextmenu-item>
<v-contextmenu-item divider></v-contextmenu-item>
<v-contextmenu-submenu title="子菜单">
<v-contextmenu-item @click="handleClick">菜单3</v-contextmenu-item>
<v-contextmenu-item divider></v-contextmenu-item>
<v-contextmenu-submenu disabled title="子菜单">
<v-contextmenu-item @click="handleClick">菜单5</v-contextmenu-item>
</v-contextmenu-submenu>
<v-contextmenu-item @click="handleClick">菜单4</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>

View File

@@ -1,6 +1,6 @@
<template>
<d2-container>
<template slot="header">分割线</template>
<template slot="header">按钮组</template>
<v-contextmenu ref="contextmenu">
<v-contextmenu-group>
<v-contextmenu-item>菜单1</v-contextmenu-item>

View 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>

View File

@@ -1 +1 @@
ca9703fe75f6928e93a03443767f2b87cbe5ef2a
339b0329c6d4d368603852cd4bc5ec119ad52832