nuxt.js - 如何使用 markdown-it 将类设置为 markdown **bold** 样式？

Question

我正在使用@nuxtjs/markdownitNuxt 模块，如何将类添加到粗体样式？例如，对inprimary中的单词使用 Boostrap 的类，使其变为蓝色。Hello**Hello** World!

<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
}

Answer 1

请试试这个

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