需求

后端返回一个字符串，是API返回示例，需要用pre 标签展示出来

"{"success":"{\n  \"code\": 0,\n  \"message\": \"校验完成\",\n  \"data\": {\n    \"result\": 1,\n    \"remark\": \"验证通过\"\n  }\n}","fail":"{\n  \"code\": 1,\n  \"message\": \"校验完成\",\n  \"data\": {\n    \"result\": 0,\n    \"remark\": \"验证不通过\"\n  }\n}","manualS3Key":null}"

直接v-html 或者引入会显示混乱，无法正常显示

使用replace正则处理一下，替换掉\n和\"为正确的

xxx.replace(/\\n/g,"<br />").replace(/\\"/g,'"')

再用v-html可以替换成可以正常显示的

这种坑是遇到一次以后就不会遇到的，记录一下