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