Return 树菜单上对象的子级值 - 类星体框架

Question

我试图从对象创建多级树形菜单，我想添加 onClick 事件以从对象获取值。

  <p class="caption">Accordion mode</p>
  <q-tree
    :nodes="simple"
    accordion
    node-key="label"
  />

这是填充我的树的对象：

simple: [
  {
    label: 'Head',
    children: [
      {
        label: 'My Label#!', handler: (node) => this.onclick(node),
        children: [
          { 
            label: 'Sub-Label#1',handler: (node) => this.onclick(node),
            value: 'This is text#2 content from the label object'
          },
          { 
            label: 'Sub-Label#2',handler: (node) => this.onclick(node),
            value: 'This is text#2 content from the label object'
          }
        ]
      }
    ]
  }
]


onclick(node) {
  alert(node)
},

我正在使用 quasar Tree 框架，我正在尝试通过 onclick 事件获取值，目前我的 onClick 事件 return 是节点标签值，如何将 onClick 添加到 return 对象的值？

Answer 1

您可以只使用 .value 作为节点的返回值

onclick(node) {
  alert(node.value)
}

Return 树菜单上对象的子级值 - 类星体框架

Return sublevel values from object on tree menu - quasar framework

treeview

object

vue.js

quasar-framework