久久福利_99r_国产日韩在线视频_直接看av的网站_中文欧美日韩_久久一

您的位置:首頁技術文章
文章詳情頁

Vue單頁面應用中實現Markdown渲染

瀏覽:129日期:2022-10-05 16:17:01

之前渲染 Markdown 的時候, 筆者使用的是 mavonEditor 的預覽模式, 使用起來比較爽, 只需要引入組件即可, 但是在最近的開發中, 遇到了困難.

主要問題在于作為單頁面應用, 站內鏈接必須是使用 router-link 跳轉, 如果使用 mavonEditor 默認渲染的 a 標簽, 就會重新加載頁面, 用戶體驗較差.

動態渲染

想要實現在前端動態地根據用戶內容渲染router-link , 需要使用動態渲染, 根據 官方文檔, 直接修改vue.config.js 即可:

// vue.config.jsmodule.exports = { runtimeCompiler: true}渲染 Markdown

筆者使用的是 markdown-it, 配置過程如下:

安裝

npm install markdown-it --save # 本體npm install markdown-it-highlightjs --save # 代碼高亮npm install markdown-it-katex --save # latex 支持

這里還另外安裝了兩個語法插件, 如果有其他需要的話, 可以在 npm 上搜索

靜態文件導入

highlight.js通過 cdn 導入, 在 index.html 中加入:

<link rel='stylesheet' rel='external nofollow' ><script src='http://www.gepszalag.com/uploads/202102/21/16138832431.js'></script>github-markdown-css

markdown 的樣式

安裝

npm install github-markdown-css --save導入

在 main.js 文件中添加

import ’github-markdown-css/github-markdown.css’katex

通過 cdn 導入, 在 index.html 中加入:

<link rel='stylesheet' rel='external nofollow' >使用

首先在 components 目錄下創建 Markdown.vue 文件,

<template> <components :is='html' class='markdown-body'></components></template><script>import MarkdownIt from ’markdown-it’import hljs from ’markdown-it-highlightjs’import latex from ’markdown-it-katex’export default { name: ’Markdown’, props: { content: String }, data: () => ({ md: null }), computed: { // 使用 computed 才能在動態綁定時動態更新 html: function () { let res = this.md.render(this.content) // 使用正則表達式將站內鏈接替換為 router-link 標簽 res = res.replace(/<a href='http://www.gepszalag.com/bcjs/(?!http://|https://)(.*?)' rel='external nofollow' >(.*?)</a>/g, ’<router-link to='$1'>$2</router-link>’) // 使用正則表達式將站外鏈接在新窗口中打開 res = res.replace(/<a href='http://www.gepszalag.com/bcjs/(.*?)' rel='external nofollow' >(.*?)</a>/g, ’<a href='http://www.gepszalag.com/bcjs/$1' rel='external nofollow' target='_blank'>$2</a>’) return { template: ’<div>’ + res + ’</div>’ } } }, created () { this.md = new MarkdownIt() this.md.use(hljs).use(latex) }}</script>

然后在想使用的地方導入即可

<template> <div> <Markdown :content='content'/> </div></template><script>import Markdown from ’@/components/Markdown.vue’export default { name: ’Home’, components: { Markdown }, data: () => ({ content: ’’ }), created () { this.content = ’# 測試’ }}</script>

以上就是Vue單頁面應用中實現Markdown渲染的詳細內容,更多關于vue Markdown渲染的資料請關注好吧啦網其它相關文章!

標簽: Vue
相關文章:
主站蜘蛛池模板: 国产噜噜噜噜噜久久久久久久久 | 欧美在线国产 | 国产一区二区三区四区在线观看 | 日韩成人一级片 | 欧美xxxx在线 | 成人亚洲一区二区 | 99视频免费在线观看 | 蜜桃视频网站在线观看 | 黄色一级大片在线免费看产 | 精品91| 国产一区二区欧美 | 成人老司机| 久久综合色88 | 亚洲精品一区在线观看 | 日本成年人免费网站 | 久久av免费| 久久艹久久 | 日本黄色a视频 | 91精品国产综合久久福利软件 | 欧美三级电影在线观看 | 一本一道久久精品综合 | 国产欧美日韩综合精品一区二区 | 亚洲一级黄色 | 国产98色在线 | 日韩 | 中文字幕亚洲欧美日韩在线不卡 | 在线99热| 视频一区二区三区在线播放 | 午夜精品网站 | 国产在线观看91一区二区三区 | 在线区 | 国产91久久精品一区二区 | 成人做爰9片免费视频 | 爱爱网av | 香蕉成人啪国产精品视频综合网 | 中文字幕免费看 | 欧美一区二区三区免费 | 亚洲二区视频 | 久久综合一区二区 | 香蕉久久久久久 | 日本a v在线播放 | 免费在线亚洲 | 亚洲欧洲精品一区二区 | 国产高清在线精品一区 | 亚洲精品一区二三区 | 欧美日韩精品在线观看 | 日韩一区中文字幕 | 九九99九九精彩46 | 超碰天堂| 国产成人精品无人区一区 | 亚洲国产精品久久 | 国产中文字幕一区 | 欧美精品一区二区三区在线 | 久草免费在线视频 | 91九色在线 | 午夜精品视频在线观看 | 久久久久久毛片免费观看 | 人人av在线| 国产高潮呻吟久久渣男片 | 欧美日韩91| 成人高清视频在线观看 | 亚洲精品一区二三区 | 99久久久久国产精品免费 | 国产成人精品亚洲日本在线观看 | 一区二区免费视频 | 久久综合久久综合久久综合 | 在线观看中文字幕亚洲 | 中文字幕av一区二区三区免费看 | 欧美性一区 | 91精品国产99久久久久久红楼 | 在线播放亚洲 | 一区二区中文字幕 | 日韩视频一区在线观看 | 曰韩毛片 | www.91在线| 日韩久久久久久 | 亚洲一区中文 | 日韩一区二区不卡 | 久久久日韩精品一区二区三区 | 国产精品爱久久久久久久 | 亚洲大片69999 | 亚洲一区精品在线 | 一区二区久久 | 久久国产久 | 99re国产 | 成人欧美一区二区三区在线播放 | 精品久久久久久久久久久院品网 | 精品日韩一区二区三区 | 色天天综合久久久久综合片 | 高清国产一区二区三区四区五区 | 日韩欧美在线观看视频网站 | 91精品国产综合久久久久久 | 国产精品日韩 | 偷拍电影一区二区三区 | 日韩成人影院 | 久在线视频| 天天夜夜操 | 亚洲网在线 | 国产欧美日韩综合精品一区二区 | 欧美14一18处毛片 | 国产精品美女久久 | 成年人免费在线视频 | 国产一区二区观看 | 久久久人成影片一区二区三区 | 中文字幕在线观看的电影 | 亚洲欧洲一区二区三区 | 91精品久久久久久久久中文字幕 | 国产一级网站 | 亚洲精品日韩综合观看成人91 | www中文字幕| 免费毛片网| 天天干天天搞天天射 | 粉嫩高清一区二区三区 | 97久久精品人人做人人爽50路 | 免费的av网站 | 欧美日韩一区在线 | 亚洲国产精品一区二区久久,亚洲午夜 | 欧美福利在线 | 日日干天天操 | 国产精品久久久久国产a级 日韩在线二区 | 日韩激情视频一区 | 亚洲性视屏| 国产精品99久久久久久动医院 | 国产午夜精品一区二区三区 | 国产精品亲子伦av一区二区三区 | 君岛美绪一区二区三区在线视频 | 一区二区免费看 | 日韩一区二区在线播放 | 91精品国产综合久久久久久软件 | 久久久久久av| 欧美视频免费在线 | 成人av福利| 亚洲久久久久久 | 精品亚洲一区二区三区在线观看 | 欧美成人在线影院 | 成人欧美 | 欧美伦理电影一区二区 | 欧美在线观看视频 | 一区二区在线视频 | 午夜精品福利一区二区三区蜜桃 | 中文在线a在线 | 午夜在线电影 | 伊人久操| 日韩欧美中文在线 | 韩国三级午夜理伦三级三 | 日韩精品免费在线观看 | 久热亚洲 | 欧美性猛交一区二区三区精品 | 国产精品成人久久久久 | 久久一区二区三区四区五区 | 欧美一区2区三区4区公司二百 | av在线一区二区三区 | 激情一区二区三区 | 国产黄网 | 高清国产午夜精品久久久久久 | 国产精品久久久久久久 | 91资源在线| 玖玖玖精品视频 | 91.成人天堂一区 | 亚洲精品久久久 | 日本a视频 | 亚洲国产视频一区 | 国产欧美精品区一区二区三区 | 久久成人免费视频 | 91在线电影| 91国在线高清视频 | 精品一区二区三区不卡 | 国产一级免费视频 | 狠狠色狠狠色合久久伊人 | 蜜臀精品| 九九在线国产视频 | 一区二区三区四区免费观看 | 成人黄色电影在线观看 | 亚洲热在线观看 | 精品视频久久 | 在线精品亚洲欧美日韩国产 | 国产精品大片 | 极品videossex中国妞hd | 成人欧美一区二区三区色青冈 | 国产成人毛片 | 亚洲一区二区三区爽爽爽爽爽 | 国产精品久久久久久妇女6080 | 成人高清视频免费观看 | 黄视频网站免费看 | 伊人久久国产 | 国产精品爱久久久久久久 | www国产免费 | 国产亚洲精品久久久闺蜜 | 91精品综合久久久久久五月天 | 欧美精品一区二区三区一线天视频 | 国产精品高潮呻吟 | 久久久久久香蕉 | 国产一区二区在线看 | 国产成人精品一区二 | 久久久精 | 99re国产精品视频 | 国产伦精品一区二区 | 在线观看免费毛片视频 | 日韩一区二 | 久久美女视频 | 国产精品久久久久久久久久 | jav成人av免费播放 | 国产毛片精品 | 亚洲一区二区三区在线免费观看 | 中文字幕在线三区 | 亚洲生活片 | 亚洲一区二区三区四区的 | 久久久久久久久久久久久久av | 亚洲精品一区中文字幕乱码 | 亚洲综合大片69999 | 久久精品国产清自在天天线 | 日韩毛片 | 亚洲视频一区二区三区 | 欧美综合精品 | 日韩在线欧美 | 亚州精品天堂中文字幕 | 四虎久久精品 | 91亚洲免费| 欧美精品一区二区三区在线四季 | 在线看国产 | 欧美日韩中文在线 | 日韩另类 | 国产欧美综合一区二区三区 | 日韩不卡一二三 | 成人h动漫精品一区二区器材 | 中文字幕成人在线 | 免费一级在线观看 | 免费成人在线网站 | 青青草久草 | 青春草在线观看 | 国产不卡在线视频 | 天天操天天舔 | 国产欧美日韩综合精品一区二区 | 日韩性网站 | 亚洲二区视频 | 国产精品久久久久久久久久久久冷 | 久草新免费 | 成人午夜在线视频 | a级片在线观看 | 成人免费毛片aaaaaa片 | 天天艹综合 | 午夜精品视频在线观看 | av基地网 | 亚洲国产精品99久久久久久久久 | 午夜视频网 | 97久久香蕉国产线看观看 | 色视频在线播放 | 亚洲一区二区三区免费在线观看 | 亚洲欧美激情精品一区二区 | 久久久久久国产一级毛片高清版 | 午夜合集 | av网站免费| 久久视频免费 | 影视在线观看 | 伊人网影院| 欧美一区二区三区在线视频 | 99久久这里只有精品 | 国产成人精品一区二区三区四区 | 久久一区二区三区四区五区 | 在线色网站 | 免费观看一区二区三区毛片 | 精品久久久一区 | 91视频观看 | 精品一区二区三区视频 | 精品国产影院 | 国产精品免费观看 | 综合导航 | 日韩精品www | 精品国产一区二区三区成人影院 | 日韩一区二区精品 | 国产精品久久嫩一区二区 免费 | 国产毛片在线 | 日韩视频在线一区 | 欧美一级全黄 | 国产三级日本三级美三级 | 国产欧美在线观看 | 黄色一级网站 | 一区二区av在线 | www.久久| 国产精久久一区二区三区 | 久久少妇免费看 | 国产精品美女久久久久久免费 | 国产在线观看一区 | www久久久| 午夜亚洲一区 | 国产精品一区二区免费 | 日本久久久久久久久 | 亚洲毛片| 亚洲国产成人久久一区二区三区 | 可以免费在线观看av的网站 | 超级乱淫片国语对白免费视频 | 国产精品久久久久久久久久久久 | 国产日韩一区二区三区 | 精品中文字幕在线观看 | 狠狠色狠狠色综合网 | 精品国产91乱码一区二区三区 | www.中文字幕在线 | 天天操天天插天天干 | 欧美日一区二区 | 日韩精品一区二区三区中文在线 | 先锋资源在线观看 | 亚洲国产精品精华液com | 精品免费视频 | 一区久久 | 国产欧美精品一区二区三区四区 | 国产精品一区二 | 国产噜噜噜噜噜久久久久久久久 | 国产日韩免费 | 一本一道久久a久久精品综合 | 中文字幕成人av | 国产精品久久久久久久岛一牛影视 | 久久久国产视频 | 精品视频久久 | 国产二区视频 | 欧美久久精品 | 红杏aⅴ成人免费视频 | 在线观看羞羞 | 日本在线免费 | 亚洲三区在线观看 | 国产高清亚洲 | 视频一区二区中文字幕日韩 | 毛片日韩 | 日韩视频在线一区二区 | 日韩第一区 | 亚洲成人av | 欧美在线视频网站 | 久久免费视频3 | 成人欧美一区二区三区视频xxx | 欧美多人在线 | 久久男女| 欧美一区二区三区在线观看视频 | 一级黄色毛片 | 中文字幕在线第一页 | 婷婷激情五月 | 91看片在线观看 | 国产精品污www一区二区三区 | 国产精品视频播放 | 国产精品1区2区 | 天天天操 | 欧美激情精品久久久久 | 成人小视频在线播放 | 国产一区二 | 亚洲色图综合 | 亚洲一区在线免费观看 | 超碰8| 久久久精品国产 | 成人国产精品一级毛片视频 | 亚洲黄色一区二区三区 | 欧美日韩精品电影 | 亚洲欧美综合精品久久成人 | 久久99精品视频在线观看 | 97在线观看视频 | 成人免费xxxxxx视频 | 婷婷激情综合 | 国产日韩精品一区二区在线观看播放 | 成人亚洲一区二区 | 色橹橹欧美在线观看视频高清 | 成人aaa| 这里精品 | 99久久综合精品五月天 | 国产综合精品一区二区三区 | 在线免费视频一区 | 国产精品久久久久影院色老大 | 午夜影视 | 中文字幕在线观看视频一区 | 国产精品亚欧美一区二区 | 精国产品一区二区三区四季综 | 成人午夜在线 | 婷婷久久综合 | 在线中文av | 中文字幕乱码亚洲精品一区 | 天天曰天天曰 | 亚洲网站免费观看 | 97成人在线免费视频 | 国产精品久久久久久吹潮 | 欧美午夜精品久久久 | 国产一级片免费观看 | 国产69久久| 69av在线视频| 小情侣高清国产在线播放 | 欧美午夜在线观看 | 日韩在线视频一区 | 久久激情视频 | 欧美激情在线狂野欧美精品 | 日韩一区二区在线免费 | 欧美亚洲国产日韩 | 国产成人精品a视频一区www | 仙踪林久久久久久久999 | 美女高潮久久久 | 一道本一二三区 | 99re99| 特a级片| 欧洲另类交| 欧美在线观看一区 | 成人亚洲精品 | 香蕉av在线| 最新精品在线 | 美女一区二区三区在线观看 | 久久久精品区 | 欧美激情精品久久久久久 | 色婷婷综合久久久中文字幕 | 在线观看日韩 | 国产精品久久国产愉拍 | 特a级片| 国产日韩欧美一区 | 欧美日韩国产在线播放 | 久久免费在线观看 | 亚洲天堂久久 | 亚洲一区二区高清视频 | 国产精品毛片无码 | 高清国产视频 | 精品视频一区二区在线 | 日本在线观看 | 国产一区二区在线视频 | 国产欧美日韩综合精品一 | 超碰官网 | 一级毛片免费在线 | 激情综合在线 | 精品无人乱码一区二区三区 | 亚洲高清视频在线观看 | 日韩欧美专区 | 中国大陆高清aⅴ毛片 | 久久久久高清 | 久草热8精品视频在线观看 欧美全黄 | 日韩高清国产一区在线 | 国产精品视频免费观看 | 午夜视频网站 | 91在线精品秘密一区二区 | 亚洲国产欧美91 | 久久少妇免费看 | 超碰在线播 | 久久久久中文字幕 | 中文字幕第33页 | 欧美在线观看视频 | 久久精品亚洲精品国产欧美 | 毛片网站大全 | 息与子猛烈交尾一区二区 | 亚洲综合中文网 | 国产亚洲精品久 | 国产中文一区 | 性一交一乱一透一a级 | 欧美久久视频 | 免费看毛片的网站 | 999在线视频免费观看 | 中文字幕亚洲一区 | 亚洲国产成人在线 | 91天天综合 | 午夜在线电影 | 精品久久国产 | gav成人免费播放视频 | 欧美日韩免费在线 | 黄在线免费观看 | 久久综合一区二区 | 在线观看免费av网站 | 欧美色欧美亚洲另类七区 | 中文字幕av一区二区 | 免费成人av网站 | 亚洲97| 国产a久久精品一区二区三区 | 国产一级一级国产 | 日韩精品一区二区三区在线播放 | 午夜小视频在线观看 | 一区二区三区 在线 | 一区精品视频 | 久久精品国产一区 | 羞视频在线观看 | 国产成人精品a视频一区www | 久久亚洲精品国产精品紫薇 | 美女h在线观看 | 一级毛片免费一级 | 一区二区三区视频免费在线观看 | 日韩在线一区二区三区 | 久久久久久国产 | 亚洲最大免费视频 | 最新黄色网页 | 国产男女视频在线观看 | 精品国偷自产在线 | 亚洲国产精品一区 | www.色在线| 性视频一区二区 | 成人高清在线 | 后人极品翘臀美女在线播放 | 亚洲精品久久久久久久久久久久久 | 超级碰在线视频 | 国产在线视频网站 | 亚洲一区精品在线 | 色天天综合久久久久综合片 | 欧美精品一区二区视频 | 日韩一区二区三区精品 | 亚洲国产区 | 久久久久久九九九九九九 | 久久久亚洲精 | 亚洲欧美激情精品一区二区 | 亚洲91精品| 久久视频免费 | 国产成人av免费 | 81精品国产乱码久久久久久 | 成人不卡 | 日韩免费在线观看视频 | 成年人网站国产 | 久久久久久久久久穴 | 2019天天干| 久久国产精品免费一区二区三区 | 日韩国产精品视频 | 一区二区免费在线观看 | 91亚洲视频 | 久久不色 | 亚洲va欧美va天堂v国产综合 | 美女视频一区 | 亚洲成人一区二区 | 精品国产乱码久久久久久蜜柚 | 亚洲成人影院在线观看 | 国产精品美女一区二区三区四区 | 日韩一级黄色大片 | 久久久www成人免费无遮挡大片 | av免费网站在线观看 | 欧美激情在线免费观看 | 久久久久久人 | 91在线免费观看 | 91美女在线观看 | 日韩免费在线观看视频 | 91久久国产综合久久蜜月精品 | 亚洲视频中文字幕 | 亚洲精品久久久久久久久久久久久 | 免费av手机在线观看 | 天堂在线中文 | 精品成人av| 91精品国产乱码久久久久久 | 色av一区 | 天天干夜夜拍 | 亚洲精品永久免费 | 亚洲国产成人一区二区精品区 | 久久久久九九九九 | 亚洲lesbianxxxxhd 黄色av网站免费 | 久久久日本 | 岛国av免费| 成人性生交大片免费看中文带字幕 | 亚洲一区二区在线播放 | 国产精品影院在线观看 | 久久人人爽人人爽 | 成人午夜视频网 | 日日操夜夜操天天操 | 精品三级三级三级三级三级 | 久久亚洲一区 | 亚洲精品一区二区三区四区高清 | 国产精品亚欧美一区二区 | 中文字幕一区二区三区四区 | 久久综合久久综合久久 | 国产精品不卡 | 国产高清在线精品一区 | 日韩精品一区二区在线观看 | 日本不卡一区 | 不卡的av电影| 中文日韩在线 | 亚洲欧美日韩一区 | 国产精品一区二 | 久久精品国产99国产 | www.毛片 | 黄色视频a级毛片 | 精品中文字幕一区 | 浴室洗澡偷拍一区二区 | 97视频在线免费观看 | 国产日韩欧美视频 | 欧美久久一区二区三区 | 91精品一区二区 | av免费观看网站 | 国产精品日产欧美久久久久 | 日韩中文一区二区三区 | 欧美日韩国产高清 | 亚洲毛片| 亚洲国产一区二区三区, | 久久国产精品99久久久久久老狼 | 日本精品视频在线观看 | 岛国精品 | 在线视频一区二区 | 国产精品成人3p一区二区三区 | 一区二区三区在线观看免费 | 亚洲精品乱码久久久久久蜜桃不爽 | 亚洲一区二区三区蜜桃 | 免费黄色看片 | 天天干天天操天天爽 | 亚洲一区二区三区免费在线观看 | 国产精品欧美一区二区三区 | 亚洲不卡| 国产精品一区久久久久 | 伊人在线| 亚洲视频在线播放 | 在线欧美日韩 | 中文字幕成人网 | 国产精品久久久久久久久久久久久久 | 国产一区二区在线免费观看 | 久久精品免费视频观看 | 午夜激情视频在线观看 | 在线观看亚洲一区二区三区 | 狠狠搞狠狠操 | 视频一区二 | 无码国模国产在线观看 | 一级一片免费视频 | 亚洲久草 | 狠狠色综合色综合网络 | 久久91久久久久麻豆精品 | 2019天天干夜夜操 | 一级黄色毛片免费 | 久草资源在线视频 | 国产精品丝袜一区二区 | 99视频免费 | 亚洲精品成人免费 | 9uu在线观看 | 国产区日韩区欧美区 | 超黄视频在线观看 | 国产欧美精品一区aⅴ影院 毛片视频网站 | 国产精品成人久久久久 | 黄色毛片av| 国产高清一区二区三区 | 精品美女在线观看视频在线观看 | 在线观看日韩 |