Vue如何配置标记链接添加目标=癬blank" - 行业资讯 - 肥雀云

　　介绍

这篇文章将为大家详细讲解有关Vue如何配置标记链接添加目标=癬blank",小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

<强> 1 !”引入标记

包。json

“dependencies":, { 　　“marked"才能:,“^ 0.3.9" 　　} 　　import marked 得到“marked"

1。修改生成的HTML的方法

const renderer =, new marked.Renderer ();//https://github.com/markedjs/marked/issues/655 # issuecomment - 383226346 　　const linkRenderer =, renderer.link; 　　renderer.link =, (href、,标题,文本),=祝辞,{ 　　const 才能;html =, linkRenderer.call(渲染器,href、,标题,文本); 　　return 才能;html.replace (/,/^ & lt; a & # 39; & lt; a 目标=癬blank", & # 39;); 　　}; 　　const html =,标记(标低价,,{,renderer });

提示:标志着参数配置

const renderer =, new marked.Renderer ();//基本设置　　marked.setOptions ({ 　　渲染器才能:渲染器, 　　gfm才能:真的,,//允许,Git 中心标准的减价。　　表:,才能真实的,,//允许支持表格语法(该选项要求,gfm 为true) 　　休息才能:真的,,//允许回车换行(该选项要求,gfm 为true) 　　迂腐的才能:假的,,//不纠正原始模型任何的不良行为和错误(默认为假) 　　,,清洁:假的,,//对输出进行过滤(清理),将忽略任何已经输入的html代码(标签) 　　smartLists才能:真的,,//使用比原生减价更时髦的列的表　　,,smartypants: false //使用更为时髦的标点　　});

<>强ps: vue实现类似目标=癬blank"打开新窗口

//href的{}不能少　　let {href},=,。美元router.resolve({路径:& # 39;/applySocSecCard& # 39;}); 　　window.open (href, & # 39;平等# 39;);

关于“Vue如何配置标记链接添加目标=癬blank"“这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看的到。