当前位置: 首页 > 工具软件 > Weather_Vue > 使用案例 >

vue 中使用中国天气插件

邹玮
2023-12-01
<template>
  <div >
    <div id="weather-view-he"></div>
  </div>

</template>

<script>
export default {
  name: 'BIWeather.vue',
  created () {
    window.WIDGET = { ID: '自己的ID' };
    (function (d) {
      var cs = d.createElement('link')
      cs.rel = 'stylesheet'
      cs.href = 'https://apip.weatherdt.com/view/static/css/tqw_widget_view.css?v=0101'
      var s = d.createElement('script')
      s.src = 'https://apip.weatherdt.com/view/static/js/tqw_widget_view.js?v=0101'
      var sn = d.getElementsByTagName('script')[0]
      sn.parentNode.insertBefore(cs, sn)
      sn.parentNode.insertBefore(s, sn)
    })(document)
  }
}
</script>

天气插件平台—中国天气:https://cj.weather.com.cn/plugin/pc

 类似资料: