代码之家 › 专栏 › 技术社区 › VAAA

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

vuejs2 vue.js

VAAA · 技术社区 · 7 年前

我有以下的 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 正在被替换。

谢谢

1 回复 | 直到 7 年前

Phil 7 年前

尝试使用大括号将生成的消息嵌入到位,而不是依赖于v-html属性。

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

推荐文章

4r60_ · 如何停止VueJS上的间隔?[副本]

3 年前

Park · Vuejs道具,路径较长

3 年前

Mathijs · vue-chartjs4中的混合气泡图和折线图

4 年前

roev · 大堆来自(物体)。forEach不使用vue。js

4 年前

haferje · Vue。用于计算属性重新渲染的js加载指示器

7 年前

Ready Dev · Axios一次发出多个请求(vue.js)

7 年前

JeanValjean · 如何在Vue中使用事件总线通过自定义事件传递数据。js 2

7 年前

dede.brahma · VueJs-元素UI el select:如何获取值父级和子级

7 年前

tzortzik · 如何使用vue路由器将对象作为道具传递?

7 年前

Tim · VueJS-迭代从AJAX调用返回的数据

7 年前