1.新增前端文件views/tool/drag/drag.vue

<template>
  <i-frame :src="iframeSrc" />
</template>

<script>
import iFrame from "@/components/iFrame/index";

export default {
  name: "Drag",
  components: { iFrame },
  data() {
    return {
      baseUrl: "http://ip:port/drag/bigindex"
    };
  },
  computed: {
    iframeSrc() {
      const { pageId, pageType } = this.$route.query;
      // 拼接参数
      return `${this.baseUrl}?${new URLSearchParams({
        pageId,
        pageType
      })}`;
    }
  }
};
</script>

2.设计保存大屏

3.保存大屏查看链接

点击”新窗口”跳转到新界面，复制地址

4.菜单管理设置

如果前文步骤，组件路径需与图内一致

路由参数：pageId与pageType根据自己的大屏查看链接修改

{
    "pageId":"1083623924652920832",
    "pageType":"view"
}

5.查看结果