vue解析特殊符号转化为标签

需求：将数组中每个对象里的字符串特殊符号解析成<span>标签，并加上样式。

思路: 写一个公共的方法，将特殊字符转化为标签。

        在数组循环中直接转化会受影响，写一个公共方法复用性更强，易于维护。

代码实现：

 replaceStr (str) {
      let a = str
      let b = a.replace(/\(/g, "<span style='background:#F3F3F3;margin-left: 5px;padding:5px 10px;borderRadius:5px;'>")
      let c = b.replace(/\)/g, '</span>')
      return c
    },

 使用方式：

<span v-html="replaceStr(result)"></span>