如何将Jitsi Meet添加到Vuejs

Question

我已经在public.html的主体中加载了jitsi-meet脚本，我有一个组件如下：

<template>
<div class="container">
<div id="meet"></div>
</div>
</template>
<script>
export default {
name: "ServiceMeet",
mounted() {
const domain = "meet.jit.si";
const options = {
roomName: "PickAnAppropriateMeetingNameHere",
width: 700,
height: 700,
parentNode: document.querySelector("#meet"),
};
const api = new JitsiMeetExternalAPI(domain, options);
console.log(api.getVideoQuality());
},
};
</script>

当我尝试运行时，我收到一个错误，说18:21 error 'JitsiMeetExternalAPI' is not defined no-undef，但在后台我可以看到会议运行良好，所以我会修复错误或将其消除。

Answer 1

您可以禁用linting错误，但我建议将其指定为全局变量。

.eslintrc.js

module.exports = {
globals: {
JitsiMeetExternalAPI: true
}
}

Answer 2

如果在全局前面加上window:，它应该会起作用

const api = new window.JitsiMeetExternalAPI(domain, options);