app-markdown-parser.vue 707 字节
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37
<template>
  <div class="app-markdown-parser" v-html="parseMarkdown(value)">
  </div>
</template>

<script lang="ts">
import { Component, Prop, Vue } from "vue-property-decorator";
import marked from 'marked';

@Component({})
export default class AppMarkdownParser extends Vue {
    /**
     * markdown文本
     *
     * @returns
     * @memberof AppMarkdownParser
     */
    @Prop()
    private value!: string;

    /**
     * marked解析方法
     *
     * @returns
     * @memberof AppMarkdownParser
     */
    public parseMarkdown: Function = marked;

    mounted(){
        console.log(this.value)
    }
}
</script>

<style lang="less" scoped>
@import url("./app-markdown-parser.less");
</style>