Render Html Dari Json Object Dengan Vue Js
cara render json yang berisi instruksi html - Halo! Kali ini aku akan menunjukkan tutorial singkat mengenai cara menampilkan data json yang berisi value html di frontend, terkhusus dengan memakai framework vue js.
Misal, kita mempunyai data json:
Jika kita eksklusif menampilkan data pesan tersebut dari objek,
maka data akan keluar sesuai dengan valuenya. Artinya, instruksi HTML tidak di-render. Sehingga outputnya tetap:
Nah, untuk merender instruksi html dari json object dengan vue js ialah dengan memakai attribute v-html yang sudah disediakan oleh Vue JS
Otomatis instruksi html akan dirender.
Oke, sekian artikel singkat kali ini perihal cara render html dari value json object dengan vue js. Semoga bermanfaat! Terima kasih!
Sumber https://teziger.blogspot.com/
 |
| JSON Api HTML Vue JS |
Baca Juga
var data = [ { pesan: "<p style='color:green'>Contoh Pesan Dengan tag HTML</p>" } ]Jika kita eksklusif menampilkan data pesan tersebut dari objek,
{{data.pesan}}maka data akan keluar sesuai dengan valuenya. Artinya, instruksi HTML tidak di-render. Sehingga outputnya tetap:
<p style='color:green'>Contoh Pesan Dengan tag HTML</p>Nah, untuk merender instruksi html dari json object dengan vue js ialah dengan memakai attribute v-html yang sudah disediakan oleh Vue JS
<div v-html="data.pesan"></div>Otomatis instruksi html akan dirender.
Baca Juga: Cara Menambah Atribut HTML Secara Kondisional di Vue JS
Oke, sekian artikel singkat kali ini perihal cara render html dari value json object dengan vue js. Semoga bermanfaat! Terima kasih!
Sumber https://teziger.blogspot.com/
