效果如下,需要获取到当地实时日期和天气数据

调用天气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只做参考,详情请查看接口文档

Logo

前往低代码交流专区

更多推荐