基于vue实现天气预报城市切换

文章导航

×

1. 1. 1.vue1.0.x
2. 2. 2.vue2.0.x

vue+vue-resources实现ajax 数据刷新天气，利用天气预报接口实现，请输入中国城市的全拼enter 确定即可

1.vue1.0.x

容易踩坑的地方:自定义过滤器来格式化json数据，注意修正this指向，数据初始化放入ready

2.vue2.0.x

容易踩坑的地方:自定义过滤器来格式化json数据，注意修正this指向，数据初始化放入mounted

vm.$set(this.gridData, res)  
vm.$set('gridData', response.data.list) 都报错 in promise

修正方法如下

vm.$data.gridData = response.data.list //vue2.0.x废除$set 方法 用原生方法（此坑踩的概率较大）

---

版权声明： 本文章采用 知识共享署名 2.5 中国大陆许可协议 进行许可，欢迎转载，但转载请注明来自李立冬博客，并保持转载后文章内容的完整。本人保留所有版权相关权利。
本文链接：http://www.lilidong.cn/2016/12/19/基于vue实现天气预报城市切换/