草庐IT

省市区

全部标签

省市区选择器

一、巧用watch来达到三级联动效果1.在component文件夹下创建文件夹chooseArea,创建对应文件2.在views下面注册组件,然后在router下面配置路由{path:'/chooseArea',component:()=>import('../views/chooseArea/index.vue'},3.从github下载所需要的省市区数据area2.pngarea3.png这里使用的是省市区三级联动数据,带编码的pca-code-json文件4.代码import{computed,ref,watch}from'vue'importallAreasfrom'../lib/pc

省市区选择器

一、巧用watch来达到三级联动效果1.在component文件夹下创建文件夹chooseArea,创建对应文件2.在views下面注册组件,然后在router下面配置路由{path:'/chooseArea',component:()=>import('../views/chooseArea/index.vue'},3.从github下载所需要的省市区数据area2.pngarea3.png这里使用的是省市区三级联动数据,带编码的pca-code-json文件4.代码import{computed,ref,watch}from'vue'importallAreasfrom'../lib/pc