uni-app中如何指定peng-tree默认选中节点

在uni-app中，如果你想在使用 peng-tree 组件时指定默认选中的节点，可以通过组件的 defaultCheckedKeys 属性来实现。以下是一个具体的代码案例，展示了如何在uni-app中使用 peng-tree 组件并设置默认选中的节点。

首先，确保你已经安装并引入了 peng-tree 组件。假设你已经在项目中配置好了这个组件，接下来是具体的实现步骤。

1. 在页面的 JSON 配置文件中引入组件

{
  "usingComponents": {
    "peng-tree": "/path/to/peng-tree/component"
  }
}

2. 在页面的 WXML 文件中使用组件

<view>
  <peng-tree 
    defaultCheckedKeys="{{defaultCheckedKeys}}" 
    nodes="{{treeData}}" 
    @check-change="handleCheckChange"
  />
</view>

3. 在页面的 JS 文件中定义数据和事件处理函数

Page({
  data: {
    // 默认选中的节点key数组
    defaultCheckedKeys: ['node1', 'node2-1'],
    // 树形结构数据
    treeData: [
      {
        key: 'node1',
        title: 'Node 1',
        children: [
          {
            key: 'node1-1',
            title: 'Node 1-1'
          }
        ]
      },
      {
        key: 'node2',
        title: 'Node 2',
        children: [
          {
            key: 'node2-1',
            title: 'Node 2-1'
          },
          {
            key: 'node2-2',
            title: 'Node 2-2'
          }
        ]
      }
    ]
  },
  
  // 处理选中状态变化的事件
  handleCheckChange(e) {
    const checkedKeys = e.detail.checkedKeys;
    console.log('Checked keys:', checkedKeys);
    // 根据需要更新data中的状态
    // this.setData({ checkedKeys });
  }
});

4. 运行项目

保存所有文件并运行uni-app项目，你应该会看到树形组件中指定的节点（Node 1 和 Node 2-1）已经被默认选中。

这个示例展示了如何通过 defaultCheckedKeys 属性来指定 peng-tree 组件中默认选中的节点。确保 defaultCheckedKeys 中的key值与 treeData 中的节点key匹配。此外，通过监听 check-change 事件，你可以处理用户选中状态的变化。

注意：实际使用中，peng-tree 组件的具体实现和属性可能会有所不同，请参考组件的官方文档进行适当调整。