javascript - 在模板中使用多个 iframe 时，Nuxt/Vue 无法重新加载

Question

我使用 Nuxt 来设置 Vue 应用程序，当我更改文件中的某些内容时，它具有自动重新加载功能。

当我必须使具有多个 iframe 的页面包含来自 localhost 的其他页面 (.vue) 时，就会出现问题。但是，当我这样做时，自动重新加载卡住了，即使从浏览器手动重新加载也不起作用。任何人都知道如何解决这个问题。非常感谢。

容器.vue

<template>
  <div class="workplace-container">
    <iframe class="iframe-resizable" scrolling="no" src="example"></iframe>
    <iframe class="iframe-resizable" scrolling="no" src="example"></iframe>
  </div>
</template>


<script lang="ts">
import Vue from 'vue';

export default Vue.extend({
  components: {}
})
</script>

例子.vue

<template>
  <div class="e-container">
    <div>
      <h1 class="title">
        A
      </h1>
    </div>
  </div>
</template>

<script lang="ts">
import Vue from 'vue';

export default Vue.extend({
  components: {}
})

这两个文件都在同一个文件夹“页面”中

标签： javascripthtmlvue.jsnuxt.js