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

https://cn.vuejs.org/v2/api/#...
仔细看看api
改变的是innerHTML属性
如果要用把字符串处理一下,不过不建议这样写 render函数吧

Answer 2

v-model啊大哥

Answer 3

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=>“，你要过滤标签可以让后端过滤，或者你写个正则过滤。

Answer 4

可能你们后台直接存的富文本编辑器的内容吧
上网找个正则把html标签提出按了就行了