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標(biāo)簽,然后再使用v-html進(jìn)行綁定,頁面就顯示正常了。