Question

我正在尝试访问包含要在Vue组件中使用的辅助函数的外部js -script。我正在尝试利用受本文启发的https://www.geoplugin.com/webservices/javascript和https://www.npmjs.com/package/vue-plugin-load-script：https://www.sitepoint.com/geo-location-2-lines-javascript/

我正在尝试为我的天气应用访问当前用户的城市位置，如果没有结果，请使用预定的城市。我在外部脚本文件中使用的功能是function geoplugin_city()，它返回当前城市的字符串，例如“ Sydney”。

我在Vue组件中的代码块是：

  mounted () {
    // Access script
    this.$loadScript("http://www.geoplugin.net/javascript.gp")
      .then(() => {
        // Do something with script
        var city = geoplugin_city()
        this.getWeather(city) // --> run my own weather function with city from script file
      })
      .catch(() => {
        // Failed to fetch script
        this.getWeather("Sydney") // --> run my own weather function with predetermined city
      });
  }

我将不胜感激！：）

Answer 1

合并一些答案here，尝试将脚本添加到dom并将其src属性设置为脚本的URL。

namespace

将外部功能从脚本加载到Vue组件

1 个答案: