el-cascader设置三级
时间: 2023-11-07 15:52:00 浏览: 141
要设置三级的 el-cascader,你可以按照以下步骤进行操作:
1. 在你的 Vue.js 项目中,首先确保已经安装了 Element UI 组件库。
2. 在需要使用 el-cascader 的组件中,引入 el-cascader 组件。
```javascript
import { Cascader } from 'element-ui';
```
3. 在该组件的 `data` 属性中,定义一个变量来存储 cascader 的选项数据。
```javascript
data() {
return {
options: [
{
value: '1',
label: '一级选项',
children: [
{
value: '1-1',
label: '二级选项',
children: [
{
value: '1-1-1',
label: '三级选项'
}
]
}
]
}
]
}
}
```
4. 在该组件的模板中使用 el-cascader 组件,并将 `options` 变量传递给 `options` 属性。
```html
<el-cascader
:options="options"
placeholder="请选择"
></el-cascader>
```
这样就可以设置一个具有三级的 el-cascader 组件了。你可以根据需要修改选项数据,以适应你的实际情况。
阅读全文