vue3 使用和风天气插件

vue3 使用和风天气插件,第1张

 <div id="he-plugin-standard" />
onMounted(() => {
    window.WIDGET = {
        'CONFIG': {
            'layout': '2',
            'width': 280,
            'height': 360,
            'background': '1',
            'dataColor': 'FFFFFF',
            'borderRadius': '10',
            'key': '7dce3918b89c4541997******'  // 这里换成自己的key!
        }
    }
    var script = document.createElement('script')
    script.type = 'text/javascript'
    script.src = 'https://widget.qweather.net/standard/static/js/he-standard-common.js?v=2.0'
    document.getElementsByTagName('head')[0].appendChild(script)

})

注意:key一定是插件代码生成中的,不是后台的要不无法显示。
官网地址获取key

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1295981.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-10
下一篇 2022-06-10

发表评论

登录后才能评论

评论列表(0条)

保存