导航Vuejs路由器时如何保持视频通话状态？

问题描述

我在Vuejs应用中使用Zoom设置了视频通话，只要您位于Vue Router的同一页面上，它就可以正常工作。当您导航到同一应用程序中的另一个vue路由器链接时，呼叫将掉线。这是一个嵌套的Vue路由器，我在与视频通话相关的页面相关的每个路由器链接上都保持活动状态，但这无济于事。这是视频通话应用程序所在页面的代码：

const logGroup = new logs.LogGroup(this,'EnvironmentLogGroup',{
  retention: logs.RetentionDays.ONE_WEEK,});

const eventsRule = new events.Rule(this,`EnvironmentEventsRule`,{
  eventPattern: {
    detail: {
      "EnvironmentId": [ "envA" ],"Foo": [ "Bar","Raz" ]
    }
  }
});

路线摘要（此处未显示路线的其余部分）：

<template>
<div class="container"> 
  <div class="row pl-3">
    <div class="col-12 videoWindow px-0">
        <iframe :src="'/call?host=1&host_id=' + loggedinuser" frameborder="0"></iframe>
    </div>
  </div>
</div>
</template>

<script>
export default {
props: ['loggedinuser'],data() {
        return {
            userId: ''
        }
    },methods: {
        createCall() {           
            axios
            .post('/api/calls/',{
                userid: this.$route.params.userid,loggedinuser: this.loggedinuser
                })
            .then(res => {
                this.user = res.data.user;
            })
              .catch(err => {
                console.log(err);
            });
        },intervalCall() {
            setInterval(this.createCall,10000)
        }
    },created() {
        this.intervalCall();
        this.createCall();
    }
}
</script>

无论用户单击哪个vue路由器链接，如何将视频通话iframe保持在后台？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）