使用vuejs 2加载外部html

Question

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

HTML

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

</div>

JS

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

});

我想尽可能将其转换为vuejs 2，谢谢你。

Answer 1

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

  

请注意插入内容   作为纯HTML - 它们不会被编译为Vue模板。如果你   发现自己试图使用v-html撰写模板，尝试重新思考   通过使用组件来解决问题。

和

  

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

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