vue2 treeselect设置不能直接输入只能选择

在Vue 2中，`vue-multiselect` 或 `vue-treeselect` 是用于实现下拉多选列表的组件，如果你想限制用户只能从预设选项中选择，而不能直接输入文本，你可以通过调整组件的配置来实现这个功能。

对于`vue-multiselect`，你可以设置`options`属性为数组，包含所有可选的选项，并禁用`searchable`或`allowClear`选项。例如：

<template>
  <multiselect
    :options="options"
    v-model="selectedValues"
    searchabled="false" <!-- 禁止搜索 -->
    allow-clear="false" <!-- 禁止清空 -->
  ></multiselect>
</template>

<script>
export default {
  data() {
    return {
      options: [...], // 你的选项数组
      selectedValues: []
    };
  }
};
</script>

对于`vue-treeselect`，可以类似地设置`options`和禁止`search`：

<template>
  <treeselect
    :options="options"
    v-model="selectedItems"
    searchable="false" <!-- 禁止搜索 -->
  ></treeselect>
</template>

<script>
export default {
  data() {
    return {
      options: [...], // 你的树形选项结构
      selectedItems: []
    };
  }
};
</script>