vue如何把字符串中的所有@内容,替换成带标签的

// 消息展示中处理@样式
const textPointTo = (content:any) => {
  let index = value.indexOf('@');
  while (index !== -1) {
    const endIndex = value.indexOf(' ', index);
    const replaceStr = value.substring(index, endIndex !== -1 ? endIndex : undefined);
    value = value.replace(replaceStr, `<span class='replyPointTo'>${replaceStr.split('@')[1]}</span>&nbsp;`);
    index = value.indexOf('@', index + 1);
 }
 return value.replace(/PointTo'>/g, "PointTo'>@")
};

trimSpecial(string) {
 //替换字符串中的所有特殊字符（包含空格）
 if (string != '') {
 const pattern = /[`~!@#$^\-&nbsp*()=|{}':;',\\\[\]\.<>
\/?~！@#￥……&*（）——|{}【】'；：""'。，、？\s]/g
 string = string.replace(pattern, '')
 }
 return string
 }

 removeImg(v) {
 let data = v.replace(/<img.*>/gi, '')
 return data
 },

 removeP(v) {
 if (v != '') {
 v = v.replace(/ /gi, ' ')
 v = v.replace(/
/gi, '')
 v = v.replace(/</gi, '<')
 v = v.replace(/>/gi, '>')
 v = v.replace(/<br \/>/g, '')
 v = v.replace(/<\/?p[^>]*>/gi, '')
 }
 return v
 },

 delHtmlTag(str) {
 let a = str
 var converter = document.createElement('DIV')
 converter.innerHTML = a
 var b = converter.innerText
 converter = null
 var c = b.replace(/[&\|\\\*^\-]/g, '')
 return c.replace(/\s*/g, '')
 },