vue textarea上 v-html 不生效是为什么？

Question

<textarea v-html="job.workDutyToString">
</textarea>
这是我的项目代码，v-html解析后台返回的字段，但是实际出来的效果是带标签的字符串。就像这样，div><p class=><span class=><span class=><span class=>【高级php工程师    岗位职责】 </span></span></span><span class=> 
请问这是为什么呢？我需要怎么解决呢？

Answer 1

v-html只是你获取后端的含有html的字符串的时候可以按照html执行，像你这个<div><p class=><span class=><span class=><span class=>【高级php工程师 岗位职责】 </span></span></span><span class=> 用v-html获取从后端获取显示在浏览器的时候，他只显示“【高级php工程师 岗位职责】”，其他的会执行为html标签，如果你不用v-html，你从后端获取这个字符串在浏览器上显示就是“<div><p class=><span class=><span class=><span class=>【高级php工程师 岗位职责】 </span></span></span><span class=>“，你要过滤标签可以让后端过滤，或者你写个正则过滤。