使用 vuejs 2 加载外部 html答案

【问题标题】：Load an external html using vuejs 2使用 vuejs 2 加载外部 html
【发布时间】：2017-06-20 02:17:05
【问题描述】：

如何使用 Vuejs 2 加载外部 html 页面？这是我在 jquery 中的代码

html

<div class="main" id="main" style="height: 600px; width: 1200px;">

</div>

$(document).ready(function () {
    $('div.main').load('main_template.html');

});

如果可能的话，我想把它转换成 vuejs 2，提前谢谢你。

【问题讨论】：

【解决方案1】：

您可以使用 v-html 指令执行此操作，但请注意：

注意插入的内容作为纯 HTML - 它们不会被编译为 Vue 模板。如果你发现自己在尝试使用 v-html 编写模板，尝试重新思考改用组件解决方案。

还有：

在您的网站上动态呈现任意 HTML 可以很危险，因为它很容易导致 XSS 攻击。只使用 v-html 在受信任的内容上，而不是在用户提供的内容上。

如果它仍然适合您的情况，您可以使用任何 http 库（例如 axios）来请求内容，将其放入数据属性中，然后与 v-html 一起使用。

【讨论】：