Ant Cascader 级联选择 省市

先看效果：

主要是数据，数据是二级的下拉框就是二级的，数据是省市区下拉框就是省市区三级的

1.新建一个js文件吧数据存进去（数据太多了放资源里面了）

2.在需要的页面引入

import cityOptions from '@/utils/city'

3.在data里面获取数据

fieldNames: { label: 'label', value: 'label', children: 'children' },//重置默认字段
cityOptions: cityOptions//数据

4.HTML

 <a-form-item label="地区">

          <a-cascader :options="cityOptions" placeholder="请选择地区" @change="onChange" :fieldNames="fieldNames" v-decorator="['region',{initialValue: model && model.region,rules: [{ required: true, message: '请选择地区' }]}]" />

</a-form-item>

省市区三级的数据在下面的链接里

ant design vue 地区选择（级联）js数据 - 蚂蚁工匠 - 博客园