vue 不常见操作
发布日期:2021-05-09 00:42:02 浏览次数:12 分类:博客文章

本文共 584 字,大约阅读时间需要 1 分钟。

 对 v-html 的扩展操作,

 问题产生背景, 在vue 项目中,用v-html渲染 html字符串,这里面包括a 标签等内容,因为某种需求,a 的默认跳转不符合要求,要经过自己定义的方法跳转。

原来的a  : <a href="www.com">eeee</a>

处理后的: <a href="javascript: goTo('www.com')"></a>

正则匹配:

export function handel (str) {  let imageUrl = str  var reg1 = /

 goTo 是一个全局方法:

我是在组件中定义的:

window.goto = function (url) {  let currentUrl = window.location.href;  alert(currentUrl)  if (typeof window['api'] !== 'undefined') {    var api = window['api']    api.sendEvent({      name: 'returnItLab',      extra: {        url: currentUrl      }    })  }  window.location.href = url}

vue dom:

  

 

 

上一篇:linux 新机器的配置(git + nodejs+ mongodb)
下一篇:基本正则笔记

发表评论

最新留言

关注你微信了!
[***.104.42.241]2025年04月06日 23时50分15秒