Vue.js 将与VUEJS中的数据匹配的文本设为粗体

由于我正在学习VUEJS，我被困在一个地方，需要在与数据库中的文本匹配的

中加粗句子

代码如下：

              <div>
                i. Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum .
                Your answer?
                <ul>
                  Answer:
                  <li>option 1</li>
                  <li>option 2</li>
                  <li>option 3</li>
                </ul>
              </div>

---

使用条件类和样式：

选项1
方法：{
ifMatch（选项）{
返回此.anwer.option===选项
}
}
.粗体字：{
字体大小：粗体；
}

使用条件类和样式：

选项1
方法：{
ifMatch（选项）{
返回此.anwer.option===选项
}
}
.粗体字：{
字体大小：粗体；
}

虽然您的问题没有足够的信息来处理，但我相信您能够在CSS中使用

font-weight

属性，其值为

bold

。尽管您的问题没有足够的信息来处理，我相信您能够在CSS中使用

font-weight

属性，其值为

bold

。我在问题中附加了一个图像，我得到了那些红线错误。对不起，我没有看到任何图片。我在问题中附上了一张图片，我收到了那些红线错误。对不起，没有看到任何图片

            <div>
            i. Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum .
            Your answer?
            <ul>
              Answer:
             <strong><li>option 1</li></strong>
              <li>option 2</li>
              <li>option 3</li>
            </ul>
          </div>

<template>
<li :class="{bold-font: ifMatch('option 1')}">option 1</li>
</template>
<script>
methods:{
    ifMatch(option){
        return this.anwer.option === option
    }
}
</script>
<style>
.bold-font:{
    font-weight: bolder;
}
</style>