使用v-htm完美实现文字内容中链接切换为a标签

<div class="hs-mes-body" v-html="newsData(news)">

// 获取的文字内容链接高亮
        newsData(news) {
            let reg = /([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/|[wW]{3}.|[wW][aA][pP].|[fF][tT][pP].|[fF][iI][lL][eE].)([-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|])/g;
            news = news.replace(//替换匹配的内容
                reg,//正则表达式
                `<a href="$1$2" target="_blank" class="ml5 mr5">$1$2</a>`//替换目标的内容,$1$2是指正则内部的第一个和第二个括号的内容
            );
            return news;
        },