先看我做的效果
可能每个人想要的效果不一样,我的只能做一个参考,一级数据是定死的,二级和三级数据是通过选中上级数据,请求回来的,
先看代码
<el-cascader
ref="cascader" // 全部选中是返回数据时需要
size="mini" // 可有可无
style="width: 220px" // 可有可无
@change="change" // 上传事件
:props="props" // 必要,配置属性
:options="options" //必要 可选项数据源,键名可通过Props属性配置
clearable // 是否可以清空
>
</el-cascader>
<script>
export default {
data(){
return {
options: [],
props: {
// multiple: true, // 开启只显示最后选择的值,按照需求来
emitPath: false, // 设置 false