解决vue Vant组件省市区选择组件 省市区不显示不出来一直加载问题

时间:2024-04-14 17:51:42

1.首先我们先看手册,将import相关信息导入,看手册代码演示,发现问题
解决vue Vant组件省市区选择组件 省市区不显示不出来一直加载问题
实际代码中data()中areaList是不允许这样写的 代码会报错
解决vue Vant组件省市区选择组件 省市区不显示不出来一直加载问题
解决vue Vant组件省市区选择组件 省市区不显示不出来一直加载问题
2.既然不能这么写,我们就需要改一下,继续看手册 ,发现areaList是个对象
解决vue Vant组件省市区选择组件 省市区不显示不出来一直加载问题
那我们这样写试一下
解决vue Vant组件省市区选择组件 省市区不显示不出来一直加载问题
编译器没有报错,运行一下也没有报错,但是发现省市区没有显示出来,一直加载
解决vue Vant组件省市区选择组件 省市区不显示不出来一直加载问题

3.分析应该是数据问题,没有获取到数据,仔细分析应该是没有手册中的area.js文件,翻了手册之后发现不会下载(原谅我还很白),所以我用了比较蠢的方法,全部复制下来,在自己项目中新建一个名叫area.js的文件 将刚刚复制的粘进去 ,再去原模板中导入
解决vue Vant组件省市区选择组件 省市区不显示不出来一直加载问题
复制粘贴,起名字
解决vue Vant组件省市区选择组件 省市区不显示不出来一直加载问题
解决vue Vant组件省市区选择组件 省市区不显示不出来一直加载问题
然后导入,赋值
运行看结果
解决vue Vant组件省市区选择组件 省市区不显示不出来一直加载问题
完成啦
友情提供Vant官方area.js地址https://github.com/youzan/vant/blob/dev/src/area/demo/area.js