如何更改json数组中包含html标签的文本? (Vue.js)

时间:2019-06-01 13:27:13

标签: javascript html css json vue.js

我想将文本更改为html标签。 我想做的是突出显示搜索关键字。 因此,我需要在原始数据中用html标签包装匹配的单词。

这是示例json。 我尝试了几种方法。但是,更改后,它将显示为纯文本。

var json=[
  {
    "_id": "5cde61fca408de046c88c019",
    "timestamp": "Fri Oct 13 1978 12:44:39 ",
    "hostname": "Rowe",
    "rawLog": "Nulla sit nisi officia anim deserunt do."
  },
  {
    "_id": "5cde61fcb09db1ad8926dda6",
    "timestamp": "Sat May 08 1999 09:08:12 ",
    "hostname": "West",
    "rawLog": "Non Lorem cupidatat officia tempor incididunt aliquip fugiat cupidatat nulla officia."
  }
]
json[1].rawData='Nulla sit nisi'+ '<b style="color:red;">officia</b>'+ 'anim deserunt do';

我尝试过这样。

我希望vue读取“ officia”作为html标签。

有什么解决办法吗?

谢谢。

0 个答案:

没有答案