Vue.js parse html string 在Vue.js中轉換HTML標籤
10 Apr 2021
有一個屬性 isPay (值為字串 0, 1) 需要特別判斷
有一個屬性 isPay ( 值為字串 0, 1 ) 需要特別判斷

要用 bootstrap 4 的 badge 做效果

但執行後直接顯示 HTML

將原本
付款狀態:{ { order.isPay } }
改為
付款狀態:<span v-html="order.isPay"></span>
成功顯示 badge 了

關鍵字
vue parse html string
參考
對我而言,這個有效
“vue parse html” Code Answer
https://www.codegrepper.com/code-examples/html/vue+parse+html
使用 3 個括號對我而言會編譯失敗
convert string to Dom in vuejs
https://stackoverflow.com/questions/38428220/convert-string-to-dom-in-vuejs
Reintroduce Triple Curly Braces { { { } } } as a v-html alternative #7431
回上一頁