iview+vue 項目中使用樹結構

iview+vue 項目中使用樹結構

問題描述： 在項目中使用iview中的tree-select組件的樹結構的時候發現在ie環境下不能返顯，問了解決這個問題，就在github上找了一個vue-treeselect

使用步驟

1. 安裝

   npm install @riophae/vue-treeselect --save
   
   

2. 在項目中使用

   import Treeselect from '@riophae/vue-treeselect'
   import '@riophae/vue-treeselect/dict/vue-treeselect/css'
   

   <Treeselect :option="list" v-model="form.parentId" @select="selTreeItem"></Treeselect>
   

   selTreeItem: function(node, id) {
   	console.log(id)
   }
   

3. treeselect 出現 unknown

   treeselect綁定的是form.parentId，當把parentId去掉就不會出現了，為了方便直接修改parentId的值。當parentId的值為{},[],string的時候都會出現unknown，只要把parentId改為null或undefined就好了。

備注：

vue-treeselect使用文檔