选择 省市区 组件数据 基于vue3 + elment-plus

h5

<el-cascader v-model="form.area" :props="{value: 'label',label: 'label' }" :options="jsonData" @change="handleChange" style="width: 100%;" />

script 

import jsonData from '@/utils/city.json';

 选完省市区 数据是一个数组状态[0:山东省 ,1:济南市,2:历下区]

保存前需要join() 一下 转成字符串 

编辑回显时的时候需要split()一下  再转回数组 回显

 json数据太长 我放到下两个文章