VueTreeselect 只能选择末级节点

VueTreeselect 组件默认情况下只允许选择末级节点，如果需要改变这个行为，可以通过设置 flat 属性为 false 来允许选择任何级别的节点。

以下是一个简单的例子，展示如何在 Vue 中使用 VueTreeselect 来允许选择任何级别的节点：

<template>
  <treeselect
    v-model="value"
    :multiple="true"
    :options="options"
    :flat="false"
    :default-expand-level="Infinity"
  />
</template>
 
<script>
import Treeselect from '@riophae/vue-treeselect';
import '@riophae/vue-treeselect/dist/vue-treeselect.css';
 
export default {
  components: { Treeselect },
  data() {
    return {
      // 用于v-model的数据
      value: null,
      // 树形结构的选项
      options: [
        {
          id: '1',
          label: '节点1',
          children: [
            {
              id: '1.1',
              label: '节点1.1',
              children: [
                { id: '1.1.1', label: '节点1.1.1' },
                // 更多子节点...
              ],
            },
            // 更多子节点...
          ],
        },
        // 更多顶级节点...
      ],
    };
  },
};
</script>

在这个例子中，flat 属性被设置为 false 来允许非叶子节点的选择。同时，default-expand-level 属性被设置为 Infinity 来自动展开所有层级的节点，以便用户可以浏览整个树结构。