el-cascader指定绑定数据格式
时间: 2023-08-20 17:05:32 浏览: 177
el-cascader可以通过props参数来指定绑定数据的格式。在代码中,可以使用props来指定节点文本、节点值和子节点的属性名。例如,可以将节点文本的属性名改为id,节点值的属性名改为name,子节点的属性名改为son。具体代码如下:
```html
<el-cascader v-model="value" :options="myOptions" :props="{label:'name',value:'id',children:'son' }"></el-cascader>
```
在这个例子中,myOptions是一个数组,每个元素都包含id、name和son属性。其中,id表示节点的值,name表示节点的文本,son表示子节点的属性名。通过props参数,我们将节点文本的属性名指定为name,节点值的属性名指定为id,子节点的属性名指定为son。这样,el-cascader组件就会根据这些属性来绑定数据的格式。
#### 引用[.reference_title]
- *1* *2* [Element el-cascader 级联选择器详解](https://blog.csdn.net/woshisangsang/article/details/120035535)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [ElementUI 之 Cascader 级联选择器指定 value label](https://blog.csdn.net/yangwqi/article/details/104793113)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文