Vue markdown reads data asynchronously, and the front end shows abnormal style.

the front-end asynchronous API acquires data as follows, and the whole string is a large one:

"-sharp-sharp 2018.05.08Version: 1.0.65-sharp-sharp-sharp New Features- [Navs](http://a.com):Navs [Tabs](http://a.com):-TabsiScroll - [Tags](http://a.com):-Tags -[TagGroup](http://a.com):TagGroup"

when rendering, the front end is recognized as XXXXXX.

the front-end code is as follows:

<vue-markdown
    v-if="content"
    class="app-content-container"
    :toc="toc"
    toc-id="tocdom"
    :linkify="false"
    :toc-anchor-link="false"
    >
    {{content}}
</vue-markdown>

created() {
    this.$http.post("/api/log/getMarkDownText")
    .then(res => {
        if (res.data && res.data.data && res.data.data.logData) {
            this.content = res.data.data.logData;
        }
        console.log(res.data);
    });

}



< hr >

before, it was directly in the front-end import XXX.md file, so there was no problem with rendering.

Mar.23,2021

has used the front-end scheduled task to compile the project to solve the problem.

Menu