在Vue中呈现电子邮件预览

Question

我正在Vue中创建一个内部消息传递应用程序，并希望在发送模板化消息（名称，部门等）时公开有限数量的预定义变量供用户选择。

我打算在“预览”组件中显示渲染的变量，理想情况下，它将采用原始html，完成{{variables}}，获取变量的值并渲染预览。

从https://vuejs.org/v2/guide/components判断，有许多选项似乎有用，是否存在客观上更好/更差的解决方案？

Answer 1

创建图表编辑器时我遇到了同样的问题。

您可以将包含变量的对象作为组件的prop发送，然后在预览组件内部呈现HTML，而不是将HTML发送到组件。这将为用户提供实时预览功能。