如何解决如何在Vuejs中访问外部js的方法或对象
我添加了挂载钩子(我认为这不是最佳做法):
mounted() {
let leafMap = document.createElement("script");
leafMap.setAttribute(
"src","https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"
);
document.head.appendChild(leafMap);
}
我可以通过 vue 方法访问,例如:
window.L //window.<packageName>
但是 window.L
在创建页面时未定义。所以我应该等待脚本加载。我该如何处理这个过程?
解决方法
created
钩子出现在 mounted
钩子之前,您已经在其中添加了脚本,因此 window.L
在那里不可用。
脚本已经在 load
事件上运行,因此您可以添加一个 load
事件处理程序,您可以在其中使用 window.L
:
let leafMap = document.createElement("script");
leafMap.setAttribute(/*...*/);
leafMap.addEventListener("load",() => {
console.log("L",window.L);
});
document.head.appendChild(leafMap);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。