不废话直接上代码(打卡:2020-12-30 )
demo
<template>
<div>
<div style="margin:20px">选择值:{
{value}}</div>
<el-form label-width="80px">
<el-form-item label="活动名称">
<el-cascader
v-model="value"
:options="options"
:props="{
expandTrigger: 'click',
value:'code',
label:'name',
children:'child'
}"
@change="handleChange">
</el-cascader>
</el-form-item>
</el-form>
</div>
</template>
<script>
import areaList from '../../common/areaList.json'
export default {
data() {
return {
value: [],
options:areaList,
};
},
methods: {
handleChange(value) {
console.log(value);
}
}
};
</script>
<style lang="less" scoped></style>
效果
笔记:
areaList.json 在我资源包里,点击免费下载使用,抱拳了
areaList.json 下载