vue-treeselect怎么设置只允许选末级节点 同时定制化参数名称

要设置只允许选末级节点，可以使用 vue-treeselect 的 `normalizer` 属性。`normalizer` 是一个函数，可以用来对选中的节点进行转换和过滤。在 `normalizer` 中，可以判断一个节点是否为末级节点，如果不是，则将其过滤掉，只保留末级节点。

以下是一个设置只允许选末级节点的例子：

<template>
  <vue-treeselect v-model="value" :options="options" :normalizer="normalizer"></vue-treeselect>
</template>

<script>
export default {
  data() {
    return {
      value: [],
      options: [
        {
          id: 1,
          label: 'Node 1',
          children: [
            { id: 2, label: 'Node 1.1', children: [] },
            { id: 3, label: 'Node 1.2', children: [] },
          ],
        },
        {
          id: 4,
          label: 'Node 2',
          children: [
            { id: 5, label: 'Node 2.1', children: [] },
            { id: 6, label: 'Node 2.2', children: [] },
          ],
        },
      ],
    };
  },
  methods: {
    normalizer(node) {
      if (node.children.length === 0) {
        return node;
      }
    },
  },
};
</script>

在上面的例子中，我们定义了一个 `normalizer` 函数，它会过滤掉非末级节点。具体来说，如果一个节点的 `children` 属性为空（即它是末级节点），则返回这个节点，否则返回 undefined，表示将这个节点过滤掉。

关于定制化参数名称，可以使用 vue-treeselect 的 `labelProp` 和 `idProp` 属性。`labelProp` 用于指定节点显示的文本对应的属性名称（默认为 `label`），`idProp` 用于指定节点的唯一标识对应的属性名称（默认为 `id`）。

以下是一个定制化参数名称的例子：

<template>
  <vue-treeselect v-model="value" :options="options" label-prop="name" id-prop="code"></vue-treeselect>
</template>

<script>
export default {
  data() {
    return {
      value: [],
      options: [
        { code: 1, name: 'Node 1', children: [] },
        { code: 2, name: 'Node 2', children: [] },
      ],
    };
  },
};
</script>

在上面的例子中，我们将节点的显示文本属性名设置为 `name`，将节点的唯一标识属性名设置为 `code`。