zoukankan      html  css  js  c++  java
  • 天气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, '天气错')
          })
        }
  • 相关阅读:
    vue 之 vuex
    vue中this.$router.push() 传参
    ES6新特性
    css优先级
    创建第一个vue工程
    对Vue.js的认知
    前端的认知与见解
    Web前端常见问题
    数据库如何进行索引优化
    Python FAQ
  • 原文地址:https://www.cnblogs.com/acmyun/p/13490327.html
Copyright © 2011-2022 走看看