Javascript 使用Vue.js时，如何突出显示Vuetify卡中的单词？

我试图突出显示Vuetify卡片文本中的某个单词，但当我包含标记时，它会逐字包含，而不会将其解释为HTML标记

我试过使用

str.replace('word', '<mark>word</mark>')

str.replace（'word'，'word'））

//模板
{{markedPassage}}
//剧本
数据（）{
返回{
标记的段落：“一些文字”
}
}

---

我想突出显示所选单词。我也希望能够更改颜色，但这应该很容易做到。

您应该使用

v-html

指令，如下所示：

  <v-card-text v-html="markedPassage"></v-card-text>

检查这个

  <v-card-text v-html="markedPassage"></v-card-text>