Vue配置marked链接添加target='

在合适的位置添加技能证书的扫描件或链接 #生活知识# #生活指南# #职场建议# #简历制作#

 更新时间：2019年07月19日 11:26:47   作者：試毅_思伟  

这篇文章主要介绍了Vue配置marked链接添加target="_blank"的方法，文中给大家提到了vue实现类似target="_blank"打开新窗口的代码,感兴趣的朋友参考下吧

1."引入marked

package.json

1

2

3

4

"dependencies": {

  "marked": "^0.3.9"

}

import marked from "marked";

1.修改生成的HTML的方法

1

2

3

4

5

6

7

8

const renderer = new marked.Renderer();

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参数配置

1

2

3

4

5

6

7

8

9

10

11

12

const renderer = new marked.Renderer();

marked.setOptions({

  renderer: renderer,

  gfm: true,

  tables: true,

  breaks: true,

  pedantic: false,

  sanitize: false,

  smartLists: true,

  smartypants: false

});

ps：vue实现类似target="_blank"打开新窗口

1

2

3

let {href} = this.$router.resolve({path:'/applySocSecCard'});

window.open(href, '_blank');

总结

以上所述是小编给大家介绍的Vue配置marked链接添加target="_blank"的方法,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

您可能感兴趣的文章:

谈谈target=_new和_blank的不同之处用正则表达式批量为a增加target=''''_blank''''新窗口打开的方法网页打开新窗口target=_blank不符合标准

微信公众号搜索 “ 脚本之家 ” ，选择关注

程序猿的那些事、送书等活动等着你

原文链接：https://segmentfault.com/a/1190000019809780

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权/违法违规/事实不符，请将相关资料发送至 reterry123@163.com 进行投诉反馈，一经查实，立即处理！

相关文章

详解Vue 实例中的生命周期钩子

这篇文章主要介绍了详解Vue 实例中的生命周期钩子，在Vue的整个生命周期中，它提供了一些生命周期钩子，给了我们执行自定义逻辑的机会。

2017-03-03

VUE如何将方法名字作为变量进行调用

这篇文章主要介绍了VUE如何将方法名字作为变量进行调用问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

2023-10-10

详解Vue 事件修饰符capture 的使用

capture事件修饰符的作用是给元素添加一个监听器，当元素发生冒泡时，先触发带有该修饰符的元素。这篇文章给大家介绍了Vue 事件修饰符capture 的使用，需要的朋友参考下吧

2017-12-12

网址：Vue配置marked链接添加target=' https://www.yuejiaxmz.com/news/view/309017

相关内容

Vue 项目路由模式：`hash` 与 `history` 的差别及后台配置详解
基于Springboot+Vue的二手交易平台
vue
网页刷新、跳转、关键字、描述、初始尺寸、icon设置、收藏本页、设为首页、QQ网页链接
vue 项目中 动态加载图片src的解决方法
基于Spring Boot+Vue的校园二手交易平台
SpringBoot添加压力测试
VueJS之v
vue技巧
VUE去哪儿网教程中的keep

随便看看