后台项目,某些页面新增/编辑需要用到选择地址信息,可能不仅仅只有中国的省市区,数据会比较大,直接引用json文件,页面加载会很慢,个人觉得本人的方法还挺方便。
项目结构:
本人这个项目,是在static文件夹的js文件夹下创建的data.json
该方法有局限性:只能在需要读取的组件内用get找到文件进行读取
JSON数据格式:
代码:
import axios from 'axios' //需引入axios
axios.get('../../../static/js/data.json').then(res=> {
console.log(res.data) //地址数据
})
打印结果:
打印的数据为res返回的结果,以及网络请求返回的数据
效果展示: