vue-treeselect的 search-nested
时间: 2023-08-14 18:02:22 浏览: 96
vue实现搜索功能
5星 · 资源好评率100%
vue-treeselect的 search-nested 是一个布尔类型的属性,用于指定是否在嵌套选项中搜索。默认情况下,该属性的值为 false,表示搜索仅限于当前层次结构的选项。
当 search-nested 属性设置为 true 时,vue-treeselect 将会搜索整个嵌套选项,而不仅仅是当前层次结构的选项。这意味着,如果您在搜索框中输入了一个匹配的选项,那么它将被显示在结果中,即使它是在深层嵌套的选项中。
需要注意的是,当 search-nested 属性设置为 true 时,vue-treeselect 将会在每个节点的 label 和所有子节点的 label 中搜索匹配项。这可能会导致搜索结果中包含多个相同的选项,因为每个匹配的子节点都将被添加到结果中。如果您希望仅在节点的 label 中搜索匹配项,则可以将 search-nested 设置为 "label",而不是 true,如下所示:
```
<vue-treeselect :options="options" :search-nested="'label'"></vue-treeselect>
```
这将只在节点的 label 中搜索匹配项,而不考虑子节点。
阅读全文