如何使用vant-ui的AddressEdit和van-area组件实现地址编辑和区域选择功能？
- 内容介绍
- 文章标签
- 相关推荐
本文共计844个文字，预计阅读时间需要4分钟。
%E2%80%9C%E5%9C%B0%E5%9D%80%E7%BC%96%E8%BE%91%E6%A8%A1%E5%9D%97%EF%BC%8C%E5%9C%A81.vant-ui%E4%B8%AD%E5%B7%B2%E9%85%8D%E7%BD%AE%EF%BC%8C%E4%BD%BF%E7%94%A8area-list%3D%E2%80%9CareaList%E2%80%9D%E5%88%97%E8%A1%8C%EF%BC%8C%E5%88%9D%E5%A7%8B%E5%8C%96%E5%85%A8%E9%83%A8%E7%9C%81%E5%B8%82%E5%8C%BA%E6%95%B0%E6%8D%AE%EF%BC%8C%E8%BF%9B%E8%A1%8C%E7%9C%81%E5%B8%82%E5%8C%BA%E9%80%89%E6%8B%A9%EF%BC%8C%E6%8C%87%E5%8D%97%E5%AE%98%E7%BD%91%E2%80%9D
AddressEdit 地址编辑
1.vant-ui地址编辑中已配置 :area-list=“areaList”，以初始化全部省市区的数据
这是结合vant-ui弹出层一起用的，用弹出层包裹省市区选择的组件，然后根据需要，参照官方文档，进行相关配置，默认底部弹出。
重要的是，官方没有说明具体怎么使用，所以在这里，要获取接收省市区的json数据。其中area.js文件在官方可以下载，放于assets/js/area.js ，然后引入文件，就可以了。
本文共计844个文字，预计阅读时间需要4分钟。
%E2%80%9C%E5%9C%B0%E5%9D%80%E7%BC%96%E8%BE%91%E6%A8%A1%E5%9D%97%EF%BC%8C%E5%9C%A81.vant-ui%E4%B8%AD%E5%B7%B2%E9%85%8D%E7%BD%AE%EF%BC%8C%E4%BD%BF%E7%94%A8area-list%3D%E2%80%9CareaList%E2%80%9D%E5%88%97%E8%A1%8C%EF%BC%8C%E5%88%9D%E5%A7%8B%E5%8C%96%E5%85%A8%E9%83%A8%E7%9C%81%E5%B8%82%E5%8C%BA%E6%95%B0%E6%8D%AE%EF%BC%8C%E8%BF%9B%E8%A1%8C%E7%9C%81%E5%B8%82%E5%8C%BA%E9%80%89%E6%8B%A9%EF%BC%8C%E6%8C%87%E5%8D%97%E5%AE%98%E7%BD%91%E2%80%9D
AddressEdit 地址编辑
1.vant-ui地址编辑中已配置 :area-list=“areaList”，以初始化全部省市区的数据
这是结合vant-ui弹出层一起用的，用弹出层包裹省市区选择的组件，然后根据需要，参照官方文档，进行相关配置，默认底部弹出。
重要的是，官方没有说明具体怎么使用，所以在这里，要获取接收省市区的json数据。其中area.js文件在官方可以下载，放于assets/js/area.js ，然后引入文件，就可以了。