在 vue 中呈现包含组件的 html 字符串的最佳实践

Posted 2023-02-23

【中文标题】在 vue 中呈现包含组件的 html 字符串的最佳实践

【英文标题】：best practise to render html strings that contain components in vue

【发布时间】：2019-05-22 06:23:23

【问题描述】：

我有一个博客/新闻类网站，这意味着会有帖子，它们的内容是存储在我的数据库中的 html 字符串。

因为我还需要像 Sliders 之类的东西，这些东西不会通过 v-html 生成，所以我考虑了渲染从网站前端的数据库中检索到的 HTML 字符串的最佳实践。

我阅读了有关渲染函数的 Vue 文档，但无法通过那里的信息解决我的问题。

用于理解的示例 HTML 字符串

<div class="slidercontainer">
   <slider :options="optionPreset1"></slider>
</div>

我将这些预设保存在完成的后期组件中。如果有更好的方法来解决这种问题，请告诉我，它还没有投入生产，所以我可以改变这些关键的事情。

【参考方案1】：

您需要使用dynamic components。见this answer。