天气API自定义

复制代码
 getWeatherFun() {
      $.getJSON('https://tianqiapi.com/api?version=v1&appid=API号&appsecret=KcsRCM8w&vue=1').then((value) => {
        // console.log(value, '天气对')
        this.weatherTopData = value.city
        this.weaterCenterData1 = value.data[0].tem
        this.weaterCenterData2 = value.data[0].wea
        this.weaterCenterData3 = value.data[0].win_speed
        this.forData = value.data
        value.data.filter(val => { // 天气图标
          if (val.wea_img === 'yu') {
            this.weaterImg = require('../../assets/cockpit/15.png')
          } else if (val.wea_img === 'qing') {
            this.weaterImg = require('../../assets/cockpit/8.png')
          } else if (val.wea_img === 'xue') {
            this.weaterImg = require('../../assets/cockpit/15.png')
          } else if (val.wea_img === 'xue') {
            this.weaterImg = require('../../assets/cockpit/25.png')
          }
        })
      }).catch(value => {
        console.log(value, '天气错')
      })
    }
复制代码

 

posted @   光影易逝  阅读(247)  评论(0编辑  收藏  举报
编辑推荐:
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
阅读排行:
· 终于写完轮子一部分:tcp代理 了,记录一下
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
点击右上角即可分享
微信分享提示