vue获取当地日期和天气数据
效果如下,需要获取到当地实时日期和天气数据调用天气API接口,官网地址:https://www.tianqiapi.com/?action=v1//html<a class="weeks">{{week}}</a><a class="weather">{{weather}}</a><a class=...
·
效果如下,需要获取到当地实时日期和天气数据
调用天气API接口,官网地址:https://www.tianqiapi.com/?action=v1
//html
<a class="weeks">{{week}}</a>
<a class="weather">{{weather}}</a>
<a class="tem">{{tem2}}{{tem1}}</a>
//js
getWeather() {
this.$axios
.get(
"https://www.tianqiapi.com/api/?version=v1&cityid=101280601"
)
.then(res => {
// let datas = res.data.data[0];//下标为0即表示当天天气数据
console.log(res.data);
})
.catch(err => {
console.log(err);
});
},
返回数据如下:
其中version , appid和appsecret为必填参数,上面的cityid只做参考,详情请查看接口文档
更多推荐
已为社区贡献19条内容
所有评论(0)