vue-marked生成的链接,如何使用vue-router渲染

初学vue-js,还不是很懂。
当页面渲染完成了,vue-marked生成的链接该如何渲染。
需要使用vue-router来跳转页面。marked直接生成的a标签跳转页面,页面中的其他组件的状态就刷新了。

export default {
    data() {
        return {
            item: {description: "[ array ](function.array.php)"}
        }
    },

    created: function () {
        let currVue = this;
        let renderer = new marked.Renderer();
        renderer.link = function (href, title, text) {
            return '<router-link :to="{ name: \'Display\', params: { language: "' +
                    currVue.$router.currentRoute.params.language + '",name:"' +
                    href + '" }}">User</router-link>';
        };
        marked.setOptions({
            renderer,
            gfm: true,
            tables: true,
            breaks: true,
            pedantic: false,
            sanitize: false,
            smartLists: true,
            smartypants: false,
            highlight: function (code) {
                return highlight.highlightAuto(code).value;
            },
        });
        // 其他代码
    }
}

template

<div v-html="marked(item.description)"></div>

最后生成的html

<div>  
    <router-link :to="{ name: 'Display', params: { language: "php",name:"function.array.php" }}"="">array</router-link>
<div>
阅读 2.9k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题