Vue如何操作html字段字串轉換為HTML標籤

這次帶給大家Vue如何操作html欄位字串轉換成HTML標籤，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>

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

vue2實作購物車與地址選配案例分析

vue實作全選反選功能案例詳解

以上是Vue如何操作html字段字串轉換為HTML標籤的詳細內容。更多資訊請關注PHP中文網其他相關文章！