vue中解析转义字符

最近在写一个后台，后台需要展示富文本的内容，按理说使用v-htmll标签就可以，但是当我使用后，却发现页面展示的依旧是html标签，

这时我仔细看了一下返回的富文本内容，发现里边包含了展示转义字符

<p style="line-height:150%"><span style=";font-family:宋体;line-height:150%;font-size:16px"><span style="font-family:宋体">口腔临床医学硕士</span></span></p><p style="line-height:150%"><span style="font-family: 宋体; text-indent: 96px;">副教授</span></p><p><br/></p&gt

具体代码如上：

随后使用以下方法:

?

1 2 3 4

escape2Html(str) {                            //转义字符转换普通字符的方法      var arrEntities={'lt':'<','gt':'>','nbsp':' ','amp':'&','quot':'"'};      return str.replace(/&(lt|gt|nbsp|amp|quot);/ig,function(all,t){return arrEntities[t];});    }

　　使用该方法即可得到如下字段，

?

1	<p style="line-height:150%"><br>　　<span style=";font-family:宋体;line-height:150%;font-size:16px"><br>　　　　<span style="font-family:宋体">111</span><br>　　</span><br></p><br><p style="line-height:150%"><span style="font-family: 宋体; text-indent: 96px;">222</span></p><p><br/></p>

　　在使用v-html就可以展示当前的富文本了