VueJS如何在v-html指令中附加div

Question

我有以下HTML：

<div v-html="parse(message.message)">
   <i v-if="message.messageTypeId === 2" class="SpecialIcon"></i>
</div>

由于某种原因，未将元素<i v-if="message.messageTypeId === 2"></i>添加到DOM中，因为我认为在评估v-html时将替换innerHTML。

  

关于如何使它工作的任何线索？

谢谢

Answer 1

尝试使用大括号将生成的消息嵌入到适当的位置，而不要依赖v-html属性。

<div>{{parse(message.message)}}
   <i v-if="message.messageTypeId === 2" class="SpecialIcon"></i>
</div>