layui 树型结构选中子节点怎么得到父结点和子节点的值

假设你已经使用 layui 的 tree 模块渲染了一棵树，可以通过监听 tree 模块的 click 事件来获取选中节点的值和其父节点的值。

具体实现方法如下：

1. 给 tree 模块绑定 click 事件：

tree.on('click', function(obj){
  // 处理选中节点的值和其父节点的值
});

2. 在 click 事件处理函数中，通过 `obj.data` 属性获取当前选中节点的值和其父节点的值：

tree.on('click', function(obj){
  // 获取选中节点的值
  var nodeValue = obj.data.value;

  // 获取选中节点的父节点
  var parentNode = obj.elem.parents('.layui-tree-set').eq(0);
  var parentNodeValue = parentNode.data('value');
});

其中，`obj.data` 属性是当前选中节点的数据对象，包含节点的 id、name、是否展开等信息。`obj.elem` 属性是当前选中节点的 DOM 元素。通过 jQuery 的 `parents` 方法可以获取当前节点的所有父节点，再通过 `eq` 方法获取最近的一个父节点。最后通过 `data` 方法获取该父节点的值。

这样就可以获取到选中节点和其父节点的值了。

相关问题

ant design vue 中树型tree使用异步加载 选择了父节点但是没有展开子节点，子节点也就没有加载， 我应该怎么获取子节点

在 ant design vue 的树型组件中，如果使用异步加载加载子节点，需要使用 `loadData` 方法来加载数据。当用户选择父节点时，可以在 `on-select` 事件中调用 `loadData` 方法加载子节点数据。代码示例：

<template>
  <a-tree :treeData="treeData" :loadData="loadData" @on-select="handleSelect"></a-tree>
</template>

<script>
export default {
  data() {
    return {
      treeData: [
        {
          title: 'Parent Node',
          key: '0',
          children: [],
          isLeaf: false
        }
      ]
    }
  },
  methods: {
    loadData(node) {
      return new Promise(resolve => {
        // 加载子节点数据
        const children = [
          {
            title: 'Child Node',
            key: '0-0',
            isLeaf: true
          }
        ]
        resolve(children)
      })
    },
    handleSelect(selectedKeys, { node }) {
      // 如果节点没有加载过子节点，调用 loadData 方法加载子节点
      if (!node.loaded) {
        node.loadData().then((children) => {
          node.data.children = children
          node.loaded = true
        })
      }
    }
  }
}
</script>

在 `loadData` 方法中，需要返回一个 Promise 对象，该对象的结果为子节点数据。在 `handleSelect` 方法中，判断当前节点是否加载过子节点，如果没有加载过则调用 `loadData` 方法加载子节点数据，并将子节点数据存储到节点的 `data.children` 属性中。