Nuxt / Vue JS - 为 Markdown 文件编写 HTML 模板

编程问答 2022-05-25

问题描述

我有一个包含发行说明的 Markdown 文件。例如：

## 1.0.0

### New
#### Added new language support

### Fixed
#### This is fixed
#### This is fixed

### Changed
#### Something changed

### Feature
#### New Feature Added

## 2.0.0

### New
#### Added new language support

在我的 HTML 中，我想遍历所有新版本的发行说明。我已经像这样查询了页面中的文档：

<template>
    <changelog :article="article"/> 
</template>

<script lang="ts">
  import Vue from "vue";
  export default Vue.extend({
    async asyncData({ $content }) {
      const article = await $content("changelogs/iOS/changelog").fetch();
      return { article };
    },watchQuery: true,});
</script>

在我的组件中，我有：

<template>
    <article :document="article">
</template>

我希望结果是这样的：

enter image description here

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

changelognuxtjsvue.js