javascript - 从 html 文件加载 HTML 到 Vue div

Question

所以，我正在使用 jsfiddle 来关注 THIS {{respondedText}}

<div>{{respondedText}}</div>

但是，假设我想从一个文件或站点中读取 HTML 内容，然后将其加载到那个 div 中；而不是显示“收到事件:事件 2”。

这最终是我尝试使用它的基础。我希望通过成功运行此示例，我可以构建一个具有按钮的 Web 应用程序，按下按钮后，将从我服务器上的另一个本地文件加载 html，而无需重新加载整个页面。

Answer 1

要用事件的 HTML 填充元素，您必须使用 v-html 指令

<div v-html="respondedTest"></div>

这将允许任何有效的 HTML，但您必须注意，您不能以这种方式异步加载 Vue 组件；它仅适用于静态 HTML。

这是您的 JSFiddle已更新以发送带有点击事件的一些 HTML。

编辑:

了解您的问题的精神，您可能需要查看 vue-router这是一个非常好的系统，允许您拥有一个带有类似于标准页面路由系统的路由系统的单页面应用程序。它还允许您在页面中安装 Vue 组件而不是静态 HTML。