mpvue——另類支持v-html

前言

最近在用mpvue將之前寫的vue項目轉化為小程序,但是不支持v-html,也不能說不支持,只不過轉化為了rich-text的富文本組件,但是圖片顯示不全啊

本來想讓后端內嵌個樣式的,還是算了,前面用正則進行內嵌吧。

 

代碼

其實就是一句話的事，頁面也不用做改變。

<div class="imgs" v-html="detail.gift_info.img_detail"></div>

 

我直接放在了created中,反正測試嘛。

created() {
    this.detail.gift_info.img_detail = this.detail.gift_info.img_detail.replace(/\<img/gi, '<img style="max-width:100%;height:auto" ');
  }

 

沒替換的

 

替換后的