el-cascader中的props如何使用
时间: 2023-11-10 07:11:34 浏览: 151
element-plus---Cascader三级联动地区选择---json数据
`el-cascader` 是一个级联选择器组件,其中 `props` 用于设置组件的属性。下面是一些常用的 `props` 和它们的使用方法:
- `options`: 设置级联选择器中的选项列表,需要是一个数组类型,每个元素都是一个对象,表示一个选项,对象必须包含 `label` 和 `value` 属性。
```html
<el-cascader :options="options"></el-cascader>
```
- `props`: 设置选项对象中的属性名,需要是一个对象类型,包含如下属性:
- `value`: 设置选项对象中表示选项值的属性名,默认为 `"value"`。
- `label`: 设置选项对象中表示选项标签的属性名,默认为 `"label"`。
- `children`: 设置选项对象中表示子选项的属性名,默认为 `"children"`。
```html
<el-cascader :options="options" :props="{value: 'id', label: 'name', children: 'items'}"></el-cascader>
```
- `value`: 设置级联选择器的选择值,需要是一个数组类型,数组中的每个元素表示一个选项的值。
```html
<el-cascader :options="options" v-model="selected"></el-cascader>
```
- `placeholder`: 设置级联选择器的占位符文本。
```html
<el-cascader :options="options" placeholder="请选择"></el-cascader>
```
更多 `props` 可以查看官方文档。
阅读全文