如何使用markdown-it将类设置为markdown粗体样式？

问题描述

我正在使用@nuxtjs/markdownit Nuxt模块，如何将类添加为 bold 样式？例如，对primary中的Hello一词使用Boostrap的**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
}

解决方法

请尝试

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