这篇文章主要讲iview+vue 项目中使用树结构vue-treeselect。

iview+vue 项目中使用树结构

问题描述： 在项目中使用iview中的tree-select组件的树结构的时候发现在ie环境下不能返显，问了解决这个问题，就在github上找了一个vue-treeselect

使用步骤

  1. 安装

    1
    npm install @riophae/vue-treeselect --save

  2. 在项目中使用

    1
    2
    import Treeselect from '@riophae/vue-treeselect'
    import '@riophae/vue-treeselect/dict/vue-treeselect/css'
    1
    <Treeselect :option="list" v-model="form.parentId" @select="selTreeItem"></Treeselect>
    1
    2
    3
    selTreeItem: function(node, id) {
    	console.log(id)
    }

  3. treeselect 出现 unknown

    treeselect绑定的是form.parentId，当把parentId去掉就不会出现了，为了方便直接修改parentId的值。当parentId的值为{},[],string的时候都会出现unknown，只要把parentId改为null或undefined就好了。

vue-treeselect文档