代码拉取完成，页面将自动刷新
更新失败，请稍后重试！
/
详情
各位大佬，为什么右键菜单一直出不来？defineMenus函数进得去，onmenus函数不行
评论 (0)
也无风雨丶
创建了任务
原值
<template>
<div style="height: 400px;">
<vue3-tree-org :data="props.data" ref="treeOrg" center :horizontal="horizontal" :collapsable="collapsable"
:label-style="style" :scalable="false" :only-one-node="onlyOneNode" :tool-bar="false" :define-menus="defineMenus"
@on-contextmenu="onMenus" :on-node-click="onNodeClick" :node-add="nodeAdd">
</vue3-tree-org>
</div>
</template>
<script setup>
import { ref } from 'vue'
const props = defineProps({
data: {
type: Object,
default: () => ({}),
}
})
const horizontal = false
const collapsable = false
const onlyOneNode = false
const expandAll = true
const disaled = false
const treeOrg = ref()
const onNodeClick = (e, data) => {
console.log('click', e, data);
}
const nodeAdd = (node) => {
console.log('add--------');
}
function defineMenus(e, node) {
console.log('自定义菜单-----------------', e, node);
return [
{ name: '新建子节点', command: 'add' },
{ name: '编辑', command: 'edit' },
]
}
// const defineMenus = ref([
// { name: '新建子节点', command: 'add' },
// { name: '编辑', command: 'edit' },
// ])
const onMenus = ({ node, command }) => {
console.log(node, command, 22222);
}
</script>
<style scoped>
.tree-org-node__text {
text-align: left;
font-size: 14px;
.custom-content {
padding-bottom: 8px;
margin-bottom: 8px;
border-bottom: 1px solid currentColor;
}
}
</style>
新值
```
<template>
<div style="height: 400px;">
<vue3-tree-org :data="props.data" ref="treeOrg" center :horizontal="horizontal" :collapsable="collapsable"
:label-style="style" :scalable="false" :only-one-node="onlyOneNode" :tool-bar="false" :define-menus="defineMenus"
@on-contextmenu="onMenus" :on-node-click="onNodeClick" :node-add="nodeAdd">
</vue3-tree-org>
</div>
</template>
<script setup>
import { ref } from 'vue'
constprops = defineProps({
data: {
type: Object,
default: () => ({}),
}
})
const horizontal = false
const collapsable = false
const onlyOneNode = false
const expandAll = true
const disaled = false
const treeOrg = ref()
const onNodeClick = (e, data) => {
console.log('click', e, data);
}
const nodeAdd = (node) => {
console.log('add--------');
}
function defineMenus(e, node) {
console.log('自定义菜单-----------------', e, node);
return [
{ name: '新建子节点', command: 'add' },
{ name: '编辑', command: 'edit' },
]
}
// const defineMenus = ref([
// { name: '新建子节点', command: 'add' },
// { name: '编辑', command: 'edit' },
// ])
const onMenus = ({ node, command }) => {
console.log(node, command, 22222);
}
</script>
<style scoped>
.tree-org-node__text {
text-align: left;
font-size: 14px;
.custom-content {
padding-bottom: 8px;
margin-bottom: 8px;
border-bottom: 1px solid currentColor;
}
}
</style>`这里输入代码`
```
原值
```
<template>
<div style="height: 400px;">
<vue3-tree-org :data="props.data" ref="treeOrg" center :horizontal="horizontal" :collapsable="collapsable"
:label-style="style" :scalable="false" :only-one-node="onlyOneNode" :tool-bar="false" :define-menus="defineMenus"
@on-contextmenu="onMenus" :on-node-click="onNodeClick" :node-add="nodeAdd">
</vue3-tree-org>
</div>
</template>
<script setup>
import { ref } from 'vue'
const props = defineProps({
data: {
type: Object,
default: () => ({}),
}
})
const horizontal = false
const collapsable = false
const onlyOneNode = false
const expandAll = true
const disaled = false
const treeOrg = ref()
const onNodeClick = (e, data) => {
console.log('click', e, data);
}
const nodeAdd = (node) => {
console.log('add--------');
}
function defineMenus(e, node) {
console.log('自定义菜单-----------------', e, node);
return [
{ name: '新建子节点', command: 'add' },
{ name: '编辑', command: 'edit' },
]
}
// const defineMenus = ref([
// { name: '新建子节点', command: 'add' },
// { name: '编辑', command: 'edit' },
// ])
const onMenus = ({ node, command }) => {
console.log(node, command, 22222);
}
</script>
<style scoped>
.tree-org-node__text {
text-align: left;
font-size: 14px;
.custom-content {
padding-bottom: 8px;
margin-bottom: 8px;
border-bottom: 1px solid currentColor;
}
}
</style>`这里输入代码`
```
新值
```
<template>
<div style="height: 400px;">
<vue3-tree-org :data="props.data" ref="treeOrg" center :horizontal="horizontal" :collapsable="collapsable"
:label-style="style" :scalable="false" :only-one-node="onlyOneNode" :tool-bar="false" :define-menus="defineMenus"
@on-contextmenu="onMenus" @on-node-click="onNodeClick" :node-add="nodeAdd">
</vue3-tree-org>
</div>
</template>
<script setup>
import { ref } from 'vue'
const props = defineProps({
data: {
type: Object,
default: () => ({}),
}
})
const horizontal = false
const collapsable = false
const onlyOneNode = false
const expandAll = true
const disaled = false
const treeOrg = ref()
const onNodeClick = (e, data) => {
console.log('click', e, data);
}
const nodeAdd = (node) => {
console.log('add--------');
}
function defineMenus(e, node) {
console.log('自定义菜单-----------------', e, node);
return [
{ name: '新建子节点', command: 'add' },
{ name: '编辑', command: 'edit' },
]
}
// const defineMenus = ref([
// { name: '新建子节点', command: 'add' },
// { name: '编辑', command: 'edit' },
// ])
const onMenus = ({ node, command }) => {
console.log(node, command, 22222);
}
</script>
<style scoped>
.tree-org-node__text {
text-align: left;
font-size: 14px;
.custom-content {
padding-bottom: 8px;
margin-bottom: 8px;
border-bottom: 1px solid currentColor;
}
}
</style>`这里输入代码`
```
展开全部操作日志
折叠全部操作日志
登录 后才可以发表评论