vue字符串拼接添加点击事件 - guo&qi

• Z时代
• 2024-01-10
• 分类：综合

vue字符串拼接添加点击事件

一、场景

　　我想要实现的场景是：将后端返回的字符串中的电话号码拼接成html形式并且绑定一个点击事件。

二、实现

　　将电话号码绑定一个选择器和点击事件。点击事件使用原生的onclick方法，代码如下：

setPhoneStyle(str) {
    let pattern = /(1[0-9]{10})/;
    let result = str.replace(pattern, "<span class=\'telephone\' onclick=notice($1)>$1</span>");
    return result;
}

　　将点击的方法定义在window全局对象上的，这样点击的时候才能找到这个函数并运行，代码如下：

window.notice = function (telephone) {
    alert(telephone);
};

posted on

2020-12-14 14:27 

guo&qi 

阅读(3081) 

评论(0) 

编辑 

收藏 

举报

以上是 vue字符串拼接添加点击事件 - guo&qi 的全部内容， 来源链接： utcz.com/z/379712.html