如何使用vue js在html文件中包含不同的html文件？

Question

我知道使用php的require_once（）但是php不能在我的项目中使用。我也尝试了w3-schools的w3-schools，但在这种情况下我的脚本没有加载。 当我试图通过js加载时，同样的事情发生了。我非常坚持要求。任何人都可以帮我继续。

我用这个用于js

    <script> 
   $(function(){
       $("#includedContent").load("b.html"); 
    });
   </script> 

对于我使用的w3学校

           <script>
          w3.includeHTML();
           </script>

这两个对我没用。请提供解决方案。如果你帮助我使用vue js会更好吗？

Answer 1

您应该能够使用ajax获取HTML并将其设置为局部变量，然后使用v-html进行渲染。

然而，这不是一个好办法。 HTML文件可能包含整页的标记，包括html，body和head标记，这可能会弄乱你的标记。

如果在您的情况下您有一些不同的html页面，其结构事先已知，您应该将它们用作Vue模板。 HTML可以直接复制到Vue组件的模板中，它可以工作。

另一方面，如果您希望使用能够让用户编写HTML的内容，则应将其存储在数据库中。例如，如果您有一个论坛，用户可以在其中编写可以用HTML格式设置的帖子，您可以将单个帖子的标记保存在数据库中，然后获取它并使用v-html进行渲染。