這篇文章將為大家詳細講解有關(guān)Vue如何配置marked鏈接添加target="_blank"，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)專注于南鄭網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供南鄭營銷型網(wǎng)站建設(shè)，南鄭網(wǎng)站制作、南鄭網(wǎng)頁設(shè)計、南鄭網(wǎng)站官網(wǎng)定制、小程序定制開發(fā)服務(wù)，打造南鄭網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供南鄭網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

1."引入marked

package.json

"dependencies": {
  "marked": "^0.3.9"
}
import marked from "marked";

1.修改生成的HTML的方法

const renderer = new marked.Renderer();
//https://github.com/markedjs/marked/issues/655#issuecomment-383226346
const linkRenderer = renderer.link;
renderer.link = (href, title, text) => {
  const html = linkRenderer.call(renderer, href, title, text);
  return html.replace(/^<a /, '<a target="_blank" ');
};
const html = marked(markdown, { renderer });

Tips:marked參數(shù)配置

const renderer = new marked.Renderer();
//基本設(shè)置
marked.setOptions({
  renderer: renderer,
  gfm: true, //允許 Git Hub標(biāo)準(zhǔn)的markdown.
  tables: true, //允許支持表格語法（該選項要求 gfm 為true）
  breaks: true, //允許回車換行（該選項要求 gfm 為true）
  pedantic: false, //不糾正原始模型任何的不良行為和錯誤（默認為false）
  sanitize: false, //對輸出進行過濾（清理），將忽略任何已經(jīng)輸入的html代碼（標(biāo)簽）
  smartLists: true, //使用比原生markdown更時髦的列表
  smartypants: false //使用更為時髦的標(biāo)點
});

ps：vue實現(xiàn)類似target="_blank"打開新窗口

//href的{}不能少
let {href} = this.$router.resolve({path:'/applySocSecCard'});
window.open(href, '_blank');

關(guān)于“Vue如何配置marked鏈接添加target="_blank"”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

新聞名稱：Vue如何配置marked鏈接添加target="_blank"
本文來源：http://jinyejixie.com/article14/pgiede.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供用戶體驗、品牌網(wǎng)站制作、響應(yīng)式網(wǎng)站、網(wǎng)站維護、App開發(fā)、定制開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)