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使用文档