uniapp 树形选择父级子级都可以选中

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，可以编译到 iOS、Android、H5、以及各种小程序等多个平台。在开发过程中，你可能会需要实现一个树形选择器，其中既可以选中父级节点，也可以选中子级节点。这样的需求通常可以通过自定义组件来实现，需要在组件内部处理好父子节点的选择逻辑。

实现树形选择器时，通常需要以下几个步骤：
1. 准备数据结构：需要有一个清晰的树形数据结构来表示节点之间的层级关系。
2. 双向绑定选择状态：为每个节点定义一个状态，用来记录该节点是否被选中，并且通过父子节点的关联来同步子节点和父节点的选择状态。
3. 递归渲染节点：通过递归的方式渲染树形结构中的每一个节点，并将选择逻辑传递给子组件。
4. 事件处理：当用户选择或取消选择某个节点时，需要触发事件并更新节点的选择状态。
5. 选中状态的向上或向下传递：选中一个节点后，可以设置事件冒泡或捕获机制，使得选择状态能够传递到父节点或子节点。

以下是一个简单的逻辑示例：

// 假设有一个节点对象的数组
data: {
  nodes: [
    {
      id: 1,
      name: '节点1',
      children: [
        { id: 2, name: '节点1-1', children: [] },
        { id: 3, name: '节点1-2', children: [] }
      ],
      selected: false
    },
    // ...其他节点
  ]
}

// 递归渲染节点的函数中处理选择逻辑
function renderNodes(nodes) {
  nodes.forEach(node => {
    // 渲染节点
    // ...
    // 处理选择逻辑
    if (node.selected) {
      // 执行选中逻辑，例如设置样式等
    }
    // 如果有子节点，递归渲染子节点
    if (node.children.length > 0) {
      renderNodes(node.children);
    }
  });
}

// 当节点选择状态改变时触发的函数
function changeNodeSelection(nodeId, isSelected) {
  // 根据nid找到对应的节点并更新选择状态
  // ...
  // 通知子节点和父节点更新选择状态
  // ...
}