element ui 之el-cascader 将id读成value

el-cascader 是一个很不错的父子级选择工具 但他只读
label 显示内容
value 值
children 子集字段
但很多时候后台会为了命名规范 无法满足你的需求
特别是id变value这件事 是大部分后台开发者都完全无法接受的 多开一个字段都不行 再说 这也确实是前端这边的需要问题
其实我们可以通过props 去改变他的定义值
参考代码如下

 <el-cascader
    style = "width: 300px;"
    class = "inputMarginLeft12px"
    :props="{ value: 'id',label: 'name',children: 'children',checkStrictly: true }"
    clearable
    v-model="formInline.ParentMenu"
    :options="MenuList"
></el-cascader>

这里我们规定 要按value来读id 按label读name 按children读children
checkStrictly的话这是开启多选的配置
那么你学废了吗？