字节跳动的arcoDesignUI库里树选择组件怎么用 tree-props 接受 Tree 组件 default-expanded-keys

首先需要在使用 `TreeSelect` 组件时，将 `tree-props` 属性设置为一个对象，该对象包含 `Tree` 组件的属性和事件。

其中，`default-expanded-keys` 是 `Tree` 组件的一个属性，用于设置默认展开的节点的 key 值。因此，我们需要将 `default-expanded-keys` 作为 `tree-props` 的一个属性来设置。

具体使用方法如下：

<template>
  <div>
    <a-row :gutter="16">
      <a-col :span="12">
        <a-tree-select
          :tree-data="treeData"
          v-model="value"
          :tree-props="{ 'default-expanded-keys': defaultExpandedKeys }"
        />
      </a-col>
    </a-row>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: '',
      treeData: [
        {
          title: 'Node1',
          key: '0-0',
          children: [
            {
              title: 'Child Node1',
              key: '0-0-0',
            },
            {
              title: 'Child Node2',
              key: '0-0-1',
            },
          ],
        },
        {
          title: 'Node2',
          key: '0-1',
        },
      ],
      defaultExpandedKeys: ['0-0'],
    };
  },
};
</script>

在上面的示例中，我们将 `default-expanded-keys` 设置为 `defaultExpandedKeys` 变量的值，该变量的初始值为 `['0-0']`。这样，当 `TreeSelect` 组件被渲染时，`Tree` 组件就会默认展开 key 为 `0-0` 的节点。

注意，`tree-props` 的属性名需要使用引号包裹起来，因为它们都是字符串类型的。