当路由组件的实例存在时，不加载Iframe内容

<template>
  <div>
    <!-- 其他内容 -->
    <router-view></router-view>
    <!-- 只有当路由组件实例不存在时才显示Iframe -->
    <iframe v-if="!isRouteComponentVisible" src="your-url-here"></iframe>
  </div>
</template>

<script>
import { ref, watch } from 'vue';
import { useRoute } from 'vue-router';

export default {
  setup() {
    const route = useRoute();
    const isRouteComponentVisible = ref(false);

    // 监听路由变化
    watch(
      () => route.path,
      (newPath) => {
        // 根据路由路径判断路由组件是否可见
        // 这里假设当路径为'/specific-route'时不显示Iframe
        isRouteComponentVisible.value = newPath !== '/specific-route';
      }
    );

    return {
      isRouteComponentVisible,
    };
  },
};
</script>

<template>
  <div>
    <!-- 其他内容 -->
    <router-view></router-view>
    <!-- 根据路由组件实例的存在与否切换Iframe的显示状态 -->
    <iframe v-show="!isRouteComponentVisible" src="your-url-here"></iframe>
  </div>
</template>

<script>
import { ref, watch } from 'vue';
import { useRoute } from 'vue-router';

export default {
  setup() {
    const route = useRoute();
    const isRouteComponentVisible = ref(false);

    // 监听路由变化
    watch(
      () => route.path,
      (newPath) => {
        // 根据路由路径判断路由组件是否可见
        // 这里假设当路径为'/specific-route'时不显示Iframe
        isRouteComponentVisible.value = newPath !== '/specific-route';
      }
    );

    return {
      isRouteComponentVisible,
    };
  },
};
</script>