vue-treeselect的使用

需求

選擇組織，一次呈樹形狀鋪開，僅支持單選，可以刪除，支持搜索

實現：

一、首先安裝包"@riophae/vue-treeselect":"^0.0.37",

二、在要用的vue頁面上

import Treeselectfrom '@riophae/vue-treeselect'

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

三、掛組件

components: {Treeselect},

四、在需要寫的地方引

<treeselect

  :multiple="false"

  :options="selectPlace"

  :flat="true"

  :sort-value-by="sortValueBy"

  :default-expand-level="1"

  placeholder="請輸入城市名，如杭州市，廈門市"

  v-model="value"

/>

:multiple="false" // 是否可以多選: false - 不支持多選， true - 支持多選

:options="selectOrg" // 提供給用戶選擇的數據

來源：https://www.jianshu.com/p/df42b3f374c1