首頁  >  文章  >  web前端  >  Vue 將後台傳過來的帶html欄位的字串轉換為 HTML

Vue 將後台傳過來的帶html欄位的字串轉換為 HTML

亚连
亚连原創
2018-05-28 14:34:382347瀏覽

這篇文章主要介紹了Vue 將後台傳過來的帶html字段的字符串轉換為HTML ,需要的朋友可以參考下

後台傳過來一個帶標籤的字符串  前端可以直接轉換成html格式的,可​​是在vue中怎麼辦呢

在這個DEMO中,item.content所帶的字串會轉換為HTML程式碼。

注意:使用了v-html的標籤中的內容會被item.content取代:

#
<p class="item" v-for="item in socialArray"> 
 <dl v-html="item.content"> 
  {{item.content}} 
 </dl> 
</p>

##上面是我整理給大家的,希望今後對大家有幫助。

相關文章:

webpack vue專案開發環境區域網路存取方法

在vue專案中使用sass的設定方法

react-native封裝外掛程式swiper的使用方法

# #

以上是Vue 將後台傳過來的帶html欄位的字串轉換為 HTML的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn