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