如何使用 markdown-it 将类设置为 markdown **bold** 样式？答案

【问题标题】：How to set a class to markdown **bold** style with markdown-it?如何使用 markdown-it 将类设置为 markdown **bold** 样式？
【发布时间】：2020-09-17 13:29:40
【问题描述】：

我正在使用@nuxtjs/markdownit Nuxt 模块，如何将类添加到 bold 样式？例如，将 Boostrap 的 primary 类用于 **Hello** World! 中的单词 Hello，使其变为蓝色。

<template>
  <v-col>
    <div v-html="$md.render(foo)"></div>
  </v-col>
</template>

<script>
export default {
  data() {
    return {
      foo: '**Hello** World!'
    }
  }
}
</script>

我在nuxt.config.js 中使用这个配置：

markdownit: {
  injected: true
}

【问题讨论】：

标签： nuxt.js markdown-it

【解决方案1】：

请试试这个

<script>
export default {
  data() {
    return {
      foo: '<span class="text-primary font-weight-bold">**Hello**</span> World!'
    }
  }
}
</script>

【讨论】：