博客
关于我
vue 不常见操作
阅读量:402 次
发布时间:2019-03-06

本文共 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:

  

 

 

转载地址:http://ttikz.baihongyu.com/

你可能感兴趣的文章
.NET应用框架架构设计实践 - 概述
查看>>
Rust 内置 trait :PartialEq 和 Eq
查看>>
Hibernate(十四)抓取策略
查看>>
[菜鸟的设计模式之旅]观察者模式
查看>>
Spring-继承JdbcDaoSupport类后简化配置文件内容
查看>>
Java基础IO流(一)
查看>>
Hibernate入门(四)---------一级缓存
查看>>
MySQL事务(学习笔记)
查看>>
一个web前端开发者的日常唠叨
查看>>
内存分配-slab分配器
查看>>
技术写作技巧分享:我是如何从写作小白成长为多平台优秀作者的?
查看>>
Jupyter Notebook 暗色自定义主题
查看>>
[Python学习笔记]组织文件
查看>>
基于Redo Log和Undo Log的MySQL崩溃恢复流程
查看>>
从RocketMQ的Broker源码层面验证一下这两个点
查看>>
如何正确的在项目中接入微信JS-SDK
查看>>
纵览全局的框框——智慧搜索
查看>>
快服务流量之争:如何在快服务中占领一席之地
查看>>
【活动】直播揭秘<如何从0开发HarmonyOS硬件>
查看>>
Unity平台 | 快速集成华为性能管理服务
查看>>