el-cascader 创建条目
时间: 2023-08-21 14:05:40 浏览: 53
根据引用和引用中的代码示例,el-cascader创建条目的代码如下所示:
```html
<el-cascader style="width: 100%" :options="Options" v-model="addForm.roleIds" :props="{ value: 'id', label: 'name',children: 'children',multiple: true,expandTrigger:'hover'}" clearable></el-cascader>
```
这段代码展示了一个el-cascader组件的创建。其中,`:options`属性指定了选项数据数组,`:props`属性指定了选项对象的属性名称,`v-model`属性用于绑定选择的值,`clearable`属性可选择是否显示清除按钮。
请注意,`Options`是一个选项数组,包含了每个选项的`id`和`name`属性。
希望这个回答对您有帮助!<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [新增、编辑表单中树状数据el-cascader级联选择器的使用](https://blog.csdn.net/weixin_55088768/article/details/122885910)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [vue el-cascader所需要的省市区街道联动的数据格式](https://download.csdn.net/download/weixin_41475202/12663454)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]