前言

提示：这里可以添加本文要记录的大概内容：

例如：在写vue项目时，需要写出来一个天气组件，查询资料的出一个简便的写法，整理成如下资料

提示：以下是本篇文章正文内容，下面案例可供参考

一、和风天气插件

和风插件是快速开发天气

和风天气

二、使用步骤

1.进入和风天气首页

点击创建

2.读入数据

起一个插件名字，可以选择插件的布局，颜色，可以在线选择，最后点击生成代码

三丶使用代码

在HTML中输入

<div  id="he-plugin-standard"></div>

在js中应用

<script >export default {created(){window.WIDGET = {"CONFIG": {"layout": "2","width": 230,"height": 270,"background": "2","dataColor": "000000","key": "49710d3f6b1b4d4490347dc45dd0179d"}};(function (d) {var c = d.createElement('link')c.rel = 'stylesheet'c.href = 'https://widget.qweather.net/standard/static/css/he-standard.css?v=2.0'var s = d.createElement('script')s.src = 'https://widget.qweather.net/standard/static/js/he-standard-common.js?v=2.0"'var sn = d.getElementsByTagName('script')[0]sn.parentNode.insertBefore(c, sn)sn.parentNode.insertBefore(s, sn)s.onload=()=>{//自动宽度setTimeout(() => {document.getElementById("he-plugin-standard").style.width  = "100%";}, 100);}})(document)}
};
</script>

注意key值和地址用自己代码生成的

总结：

以上就是快速开发天气预报的方法，希望对大家有所帮助

vue和风天气，天气预报相关推荐

推荐一个免费7天天气预报API服务：和风天气
最近的一个项目中需要获取国内城市的7天内天气预报,说实话,目前的开源环境中仅存的天气预报API太少,找了许久才发现知乎里面提到的"和风天气"(https://www.heweath ...
树莓派天气预报基于Python(相关支持 : 和风天气备注 : 初级应用)
1. 相关链接 1. 和风天气 API 开发文档 : https://dev.qweather.com/docs/api/ 2. 和风天气开发平台 : https://dev.qweather.com ...
php解析和风天气api,API爬取天气预报数据
API爬取天气预报数据 """ 该网站为个人开发者提供免费的天气预报数据,自行访问官网注册,在控制台看到个人的key. 然后看API文档,基本可以开发了,有访问次数限制. ...
使用和风天气 API 10分钟搭建天气预报数据看板
本文首发:<使用和风天气 API 10分钟搭建天气预报数据看板)> 使用和风天气 API 10分钟搭建天气预报数据看板第 1 步:注册和风天气 API 及卡拉云 (1)注册和风天气 AP ...
在Vue中引入和风天气字体图标
安装点击进入官网下载和安装 | 和风天气图标,进行安装 npm i qweather-icons 或者 yarn add qweather-icons 引入这里主要是将通过装包的方式引入,其他方式 ...
在vue中使用和风天气插件
在vue中使用天气插件插件网址:和风天气选择自己需要的插件.生成代码复制即可在 vue 中使用: <template><div><div id="he-p ...
在vue中使用和风天气api
第一步去和风天气网站上设置样式和城市创建标准版天气插件第二步在vue中使用 <template><div class="info_weather">& ...
vue中如何使用和风天气插件
想给我的个人博客添个展示天气的,网上一找看到了中国天气.和风天气这两种,附一下这两个的官网链接. 中国天气:https://cj.weather.com.cn/plugin/index 和风天气: ...
华美天气（数据来源：和风天气 API）
博主声明: 转载请在开头附加本文链接及作者信息,并标记为转载.本文由博主威威喵原创,请多支持与指教. 本文首发于此博主:威威喵 | 博客主页:https://blog.csdn.net/ ...
domoticz添加和风天气，让domoticz显示天气信息
1.domoticz添加天气信息 domoticz中可以很方便的通过dark sky api显示天气信息,但是dark sky的信息不太准确,想添加国内天气的信息,网上的都是通过彩云的api获取jso ...

vue和风天气，天气预报

前言

一、和风天气插件

二、使用步骤

1.进入和风天气首页

2.读入数据

三丶使用代码

在HTML中输入

在js中应用

注意key值和地址用自己代码生成的

总结：

以上就是快速开发天气预报的方法，希望对大家有所帮助

vue和风天气，天气预报相关推荐

最新文章

热门文章