Need help with vue-treeselect?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

2.1K Stars 337 Forks MIT License 599 Commits 243 Opened issues


A multi-select component with nested options support for Vue.js

Services available


Need anything else?

Contributors list


npm Build Coverage npm monthly downloads jsDelivr monthly hits Known vulnerabilities License

A multi-select component with nested options support for Vue.js

Vue-Treeselect Screenshot


  • Single & multiple select with nested options support
  • Fuzzy matching
  • Async searching
  • Delayed loading (load data of deep level options only when needed)
  • Keyboard support (navigate using Arrow Up & Arrow Down keys, select option using Enter key, etc.)
  • Rich options & highly customizable
  • Supports a wide range of browsers (see below)
  • RTL support

Requires Vue 2.2+

Getting Started

It's recommended to install vue-treeselect via npm, and build your app using a bundler like webpack.

npm install --save @riophae/vue-treeselect

This example shows how to integrate vue-treeselect with your Vue SFCs.

If you just don't want to use webpack or any other bundlers, you can simply include the standalone UMD build in your page. In this way, make sure Vue as a dependency is included before vue-treeselect.

<!-- include Vue 2.x -->
<script src="[email protected]%5E2"></script>
<!-- include vue-treeselect & its styles. you can change the version tag to better suit your needs. -->
<script src="[email protected]%5E0.4.0/dist/vue-treeselect.umd.min.js"></script>
<link rel="stylesheet" href="[email protected]%5E0.4.0/dist/vue-treeselect.min.css">

<div id="app">
  <treeselect v-model="value" :multiple="true" :options="options"></treeselect>

Documentation & Live Demo

Visit the website

Note: please use a desktop browser since the website hasn't been optimized for mobile devices.

Browser Compatibility

  • Chrome
  • Edge
  • Firefox
  • IE ≥ 9
  • Safari

It should function well on IE9, but the style can be slightly broken due to the lack of support of some relatively new CSS features, such as

. Nevertheless it should look 90% same as on modern browsers.


You can use this pen to reproduce bugs and then open an issue.


  1. Fork & clone the repo
  2. Install dependencies by
    npm install
  3. Check out a new branch
  4. npm run dev
    & hack
  5. Make sure
    npm test
  6. Push your changes & file a pull request


This project is inspired by vue-multiselect, react-select and Ant Design. Special thanks go to their respective authors!

Some icons used in this project:


Copyright (c) 2017-present Riophae Lee.

Released under the MIT License.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.