不多说了,直接上代码
<template>
<div id="app">
<el-card class="box-card">
<el-form ref="form2" :model="form2" label-width="80px">
<el-form-item label="回显">
<el-cascader
v-model="place_value"
:options="place_options"
change-on-select
>
</el-cascader>
</el-form-item>
</el-form>
<el-form
ref="form2"
:model="form2"
label-width="80px"
style="margin-top:20px"
>
<el-form-item label="多选回显">
<el-cascader
v-model="place_value2"
:options="options"
:props="props"
clearable
></el-cascader>
</el-form-item>
</el-form>
</el-card>
</div>
</template>
<script>
import _ from "lodash";
export default {
data() {
return {
place_value: ["ziyuan", "jiaohu"],
place_options: [
{
value: "ziyuan",
label: "资源",
children: [
{
value: "axure",
label: "Axure Components"
},
{
value: "sketch",
label: "Sketch Templates"
},
{
value: "jiaohu",
label: "组件交互文档"
}
]
}
],
place_value2: [
[1, 2, 3],
[1, 2, 4]
],
props: { multiple: true },
options: [
{
value: 1,
label: "东南",
children: [
{
value: 2,
label: "上海",
children: [
{ value: 3, label: "普陀" },
{ value: 4, label: "黄埔" },
{ value: 5, label: "徐汇" }
]
},
{
value: 7,
label: "江苏",
children: [
{ value: 8, label: "南京" },
{ value: 9, label: "苏州" },
{ value: 10, label: "无锡" }
]
},
{
value: 12,
label: "浙江",
children: [
{ value: 13, label: "杭州" },
{ value: 14, label: "宁波" },
{ value: 15, label: "嘉兴" }
]
}
]
},
{
value: 17,
label: "西北",
children: [
{
value: 18,
label: "陕西",
children: [
{ value: 19, label: "西安" },
{ value: 20, label: "延安" }
]
},
{
value: 21,
label: "新疆维吾尔族自治区",
children: [
{ value: 22, label: "乌鲁木齐" },
{ value: 23, label: "克拉玛依" }
]
}
]
}
]
};
},
created() {},
methods: {}
};
</script>
直接看结果:
就这么简单 就完事了
因篇幅问题不能全部显示,请点此查看更多更全内容
怀疑对方AI换脸可以让对方摁鼻子 真人摁下去鼻子会变形
女子野生动物园下车狼悄悄靠近 后车司机按喇叭提醒
睡前玩8分钟手机身体兴奋1小时 还可能让你“变丑”
惊蛰为啥吃梨?倒春寒来不来就看惊蛰
男子高速犯困开智能驾驶出事故 60万刚买的奔驰严重损毁