1.去天气网生成代码
https://cj.weather.com.cn/
2.在vue页面引入js
mounted() {
const s = document.createElement('script');
s.type = 'text/javascript';
s.src = 'js的地址';
document.body.appendChild(s);
},
3.拷贝配置到script根目录
window.WIDGET = {
CONFIG: {
"layout": 1,
"width": "400",
"height": "180",
"background": 1,
"dataColor": "FFFFFF",
"city": "city", // 改成自己的
"key": "key" // 改成自己的
}
};
4.将组件放到需要显示的位置
<div id="weather-v2-plugin-standard"></div>
