vue中请求天气数据（中国天气网),以及展示天气动态图标skyInco |
您所在的位置：网站首页 › 今天全国天气预报高清图表 › vue中请求天气数据（中国天气网),以及展示天气动态图标skyInco |
vue中请求天气数据（中国天气网),以及展示天气动态图标skyInco
|
获取天气 getWeather () { let city = "杭州" this.$axios .get("http://wthrcdn.etouch.cn/weather_mini?city="+city) .then((response) => { //这里打印数据，获取自己想要的 }) .catch((error)=> { console.log(error) }); },上面数据来源于中国天气网，需要有具体的城市，国内城市的cityName,见下链接 https://yiyingcanfeng.github.io/data/2019-03-13-cn_weather_citylist.json 该链接出自yiyincanfeng 博主 1.安装依赖 npm install --save vue-skycons2.引用 import VueSkycons from 'vue-skycons' Vue.use(VueSkycons) Vue.use(VueSkycons, { color: 'bule' })//图标颜色3.使用 //标签 //数据 skyInco:'rain'效果
网站 https://www.npmjs.com/package/vue-skycon |
【本文地址】