VUE + Element UI (级联选择器 Cascader ， 树形选择器 tree)

级联选择器

<el-cascader
    v-model="data"   // 用来显示数据
    :options="options"  // options 里面的数据 就是级联选择器里面的内容
    placeholder="请选择"
    :props="customProps"  // element UI 默认input 框显示的值是 options 里的 label 值。如果 options 的键值对不是 value label ，就需要 props 来配置。
    @change="handleNodeClick"
    ref="myCascader">
    </el-cascader>

因为后台返回的数据不是label，和 value关键字 重新设置显示默认框对应的值：

customProps:{
          label:'typeName',
          children:'child',
          value : 'id'
        }

v-model = "data" 

data 是个数组

 树形选择器有一个同样的问题，就是默认是label 字段显示，如果后台返的不是label字段，同样要设置props

https://blog.csdn.net/woshidamimi0/article/details/96592937

来源：https://www.cnblogs.com/rabbit-lin0903/p/12273582.html