vuejs3 - Vue 3 为 svgPanZoom 加载脚本，但未定义函数

Question

按照项目的 github 中所述的说明进行操作，但以下代码不起作用。出现错误 =“未捕获（承诺中）ReferenceError：未定义 svgPanZoom”

请注意，在网络选项卡中正在加载相应的脚本。在非 vue 站点中使用它，它按预期工作。

<script>
export default {
  name: 'Map',
  data() {
    return {
      
    };
  },
  mounted() {
    this.$loadScript('https://unpkg.com/panzoom@9.4.0/dist/panzoom.min.js').then(() => {
      // Script is loaded, do something
       var element = document.getElementById('mapsvg');

  // and forward it it to panzoom.
  panzoom(element);
      //console.log('loaded.');
    });
  },
};
</script>

#mapsvg 是包含在具有该 ID 的模板中的 svg。

我敢肯定，作为一个有点 javascript 的新手，我错过了一些明显的东西。哈普 PLZ :)

标签： vuejs3

Answer 1

通过更改为正确的功能进行更正：

 var element = document.getElementById('mapsvg');

      // and forward it it to panzoom.
      panzoom(element);