✍️作者：极客小俊?公众号同名:一个把逻辑思维转变为代码的技术博主javascript三级联动数据切换效果.png我们今天来使用纯javascript来实现一个简易的三级联动效果，不使用任何框架以及插件!???Javascript+JSON+数组实现三级联动?准备数据?这里我们就用测试JSON数据即可,数据内容你可以随意!如下vardata=[{"name":'中国',"val":"ch","city":[{"name":"重庆市","val":"cqs","area":[{"name":"渝中区"},{"name":"江北区"}]},{"name":"深圳市","val":"szs","ar

前言本文将带你实现地址的选择，将其注册为全局组件，进行三级联动后选定地址。一.准备1.axios利用axios发送请求，拿到全部城市数据。在项目根目录下打开任意终端，执行yarnaddaxios命令。项目中需要发送请求统一统一放在src/api/index.js。importaxiosfrom'axios'//获取城市数据//1.数据在哪里？https://yjy-oss-files.oss-cn-zhangjiakou.aliyuncs.com/tuxian/area.json//2.何时获取？打开城市列表的时候，做个内存中缓存//3.怎么使用数据？定义计算属性，根据点击的省份城市展示exp

前言本文将带你实现地址的选择，将其注册为全局组件，进行三级联动后选定地址。一.准备1.axios利用axios发送请求，拿到全部城市数据。在项目根目录下打开任意终端，执行yarnaddaxios命令。项目中需要发送请求统一统一放在src/api/index.js。importaxiosfrom'axios'//获取城市数据//1.数据在哪里？https://yjy-oss-files.oss-cn-zhangjiakou.aliyuncs.com/tuxian/area.json//2.何时获取？打开城市列表的时候，做个内存中缓存//3.怎么使用数据？定义计算属性，根据点击的省份城市展示exp