1斩例、vue.js中提供了v-html這個指令來解決這個問題雄人,或者對數(shù)據(jù)對象使用{{{vm.data}}}三個大括號來包裹對象;
2念赶、問題描述:
<div class="inner_content" v-html="detailData.product_view">
輸入的是:
image.png
解決方案:
導(dǎo)致問題的原因是接口返回的數(shù)據(jù)中未對html的內(nèi)容做轉(zhuǎn)義础钠,導(dǎo)致頁面輸出了HTML的代碼。
content = content.replace(/</g, '<').replace(/>/g, '>')
.replace(/&/g, '&').replace(/"/g, '"').replace(/'/g, "'");
將接口中返回的字符替換成對應(yīng)的HTML標簽叉谜,然后再使用v-html進行綁定旗吁,頁面就顯示正常了。