Javascript Vue决战默认类

我想实现以下目标，比如说我是MD as

md:'#H1'

我想把它渲染成

<h1>H1</h1>

H1

我能够通过使用

但是我想给每个h1标记添加默认类，比如

<h1 class="custom">H1</h1>

H1

我得到了类似的东西

但我不知道如何在Vue中使用它

在VueShowdown中可能吗

---

是否有更好的库具有此功能？

您可以创建一个简单的指令：

Vue.directive('default-classes', (parentElement) {
  const els = parentElement.querySelectorAll('h1')

  els.forEach((el) => {
    el.classList.add('custom')
  })
  
})

然后将该指令应用于

VueShowdown

组件：

<VueShowdown v-default-classes :markdown="markdownBinding" />

还有一个关于这是如何工作的问题。就像决战后创建html标记一样，它将扫描代码并添加类，然后重新渲染它？@SameerGangar是的，这就是它的工作原理！