首頁猿問 vue textarea上...

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

Vue.js

婷婷同學(xué)_ 2018-09-08 20:16:32

<textarea v-html="job.workDutyToString"></textarea>這是我的項目代碼，v-html解析后臺返回的字段，但是實際出來的效果是帶標(biāo)簽的字符串。就像這樣，div>【高級php工程師崗位職責(zé)】 請問這是為什么呢？我需要怎么解決呢？

查看完整描述

2 回答

小怪獸愛吃肉

TA貢獻(xiàn)1852條經(jīng)驗獲得超1個贊

v-html只是你獲取后端的含有html的字符串的時候可以按照html執(zhí)行，像你這個<div>【高級php工程師崗位職責(zé)】 用v-html獲取從后端獲取顯示在瀏覽器的時候，他只顯示“【高級php工程師崗位職責(zé)】”，其他的會執(zhí)行為html標(biāo)簽，如果你不用v-html，你從后端獲取這個字符串在瀏覽器上顯示就是“<div>【高級php工程師崗位職責(zé)】 “，你要過濾標(biāo)簽可以讓后端過濾，或者你寫個正則過濾。

反對回復(fù) 2018-09-09