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);
};