treeselect只选了分支节点全选_Vue Treeselect下拉树实现，选择部门下拉树，下拉树菜单...

介绍

具有嵌套选项支持的单个和多个选择

模糊匹配

异步搜索

延迟加载(仅在需要时加载深层选项的数据)

键盘支持(使用Arrow Up＆Arrow Down键导航，使用键选择选项Enter等)

丰富的选项和高度可定制

需要Vue 2.2+

入门

建议通过npm安装vue-treeselect，并使用像webpack这样的捆绑器构建你的应用程序。

npm install --save @riophae/vue-treeselect

此示例显示如何将vue-treeselect与Vue SFC集成。

// import the component

import Treeselect from '@riophae/vue-treeselect'

// import the styles

import '@riophae/vue-treeselect/dist/vue-treeselect.css'

export default {

// register the component

components: { Treeselect },

data() {

return {

// define default value

value: null,

// define options

options: [ {

id: 'a',

label: 'a',

children: [ {

id: 'aa',

label: 'aa',

}, {

id: 'ab',

label: 'ab',

} ],

}, {

id: 'b',

label: 'b',

}, {

id: 'c',

label: 'c',

} ],

}

},

}

如果您只是不想使用webpack或其他捆绑包，您还可以在页面中简单地包含独立的UMD版本。这样，确保在vue-treeselect之前包含Vue作为依赖项。