javascript - 在 Javascript 中使字符串的一部分变为粗体

Question

我见过很多人问这个问题，但我似乎从来没有找到一个简单直接的答案。我正在使用 Vue，并且在一个组件中我正在显示来自对象的文本。我想以粗体显示指定价格的文本，但保留文本的其余部分。如何使字符串的这个特定部分变为粗体？

premiumContent: [
    {
       infoText: "Get this for only €2,99 per month:",
    },
]

标签： javascriptvue.jsecmascript-6vuejs2

Answer 1

如果您可以编辑infoText，请在价格周围加上<b>标签：

export default {
  data() {
    return {
      premiumContent: [
        {
          infoText: "Get this for only <b>€2,99</b> per month:",
        },
      ]
    }
  }
}

innerHTML然后使用v-html指令将其插入元素中：

<div v-for="content of premiumContent"
     v-html="content.infoText">
</div>

演示