el-tree-select如何一直展开

要让 el-tree-select 组件一直展开，可以设置其 show-all-levels 属性为 true。例如：

<el-tree-select
  :data="treeData"
  show-all-levels
  v-model="selectedItems"
  multiple>
</el-tree-select>

这样，el-tree-select 组件就会一直展开，显示所有的树节点。注意，如果树节点比较多，这样会导致组件过长，影响页面布局。因此，需要根据实际情况进行调整。

相关问题

vue3 el-tree-select + el-tree-select-node 使用

el-tree-select 和 el-tree-select-node 是 Element UI 中的两个组件，用于实现树形结构的下拉选择框。其中，el-tree-select 是整个下拉选择框的容器，而 el-tree-select-node 则是树形结构中的每一个节点。

使用 el-tree-select 和 el-tree-select-node 的步骤如下：

1. 引入 Element UI 库和样式文件：

<link rel="stylesheet" href="//unpkg.com/element-ui/lib/theme-chalk/index.css">
<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/element-ui/lib/index.js"></script>

2. 在 Vue 组件中注册 el-tree-select 和 el-tree-select-node 组件：

Vue.component('el-tree-select', ElTreeSelect);
Vue.component('el-tree-select-node', ElTreeSelectNode);

3. 在模板中使用 el-tree-select 和 el-tree-select-node 组件：

<el-tree-select v-model="selectedNode" :data="treeData">
  <template v-slot="{ node }">
    <el-tree-select-node :node="node" :props="defaultProps"></el-tree-select-node>
  </template>
</el-tree-select>

其中，treeData 是树形结构的数据源，selectedNode 是当前选中的节点，defaultProps 是节点的默认属性。

el-tree el-select 回显

对于 el-tree 和 el-select 的回显，你可以通过设置 v-model 来实现。具体步骤如下：

对于 el-tree，你可以使用 :default-checked-keys 或者 :default-expanded-keys 属性来设置树节点的初始选中或展开状态。例如：

<el-tree
  :data="treeData"
  :default-checked-keys="[1, 2]"
  :default-expanded-keys="[1, 2]"
></el-tree>

对于 el-select，你可以使用 v-model 绑定一个变量来控制选择的值，并初始化该变量的值来实现回显。例如：

<el-select v-model="selectedValue">
  <el-option
    v-for="option in options"
    :key="option.value"
    :label="option.label"
    :value="option.value"
  ></el-option>
</el-select>

在 Vue 中，你需要在 data 中定义 treeData、selectedValue 和 options 变量，并初始化它们的值。

希望能帮到你！如果还有其他问题，请随时提问。