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

一、场景

　　我想要实现的场景是：将后端返回的字符串中的电话号码拼接成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);
};