HTMLタグを(エスケープさせず)そのまま処理してくれる、v-htmlについて解説!
vueで定義した変数などに含まれるHTMLタグをそのまま表示したいことがあります。
そういった時に使えるのが、この動画で紹介している v-html です。
普段内容を表示する際はマスタッシュと呼ばれる {{ }} のような形で表示しますが、この形だとセキュリティ上の問題で、HTMLタグがそのまま表示されてしまいます。
ただし、v-html を使えばエスケープされずにそのまま表示されるので、この動画で実例を見て理解しましょう。
Vue.js(ビュージェイエス)を基礎から学びたい方はこちら
https://factory-programming-mv.com/playlistDetails/PLv7E5OqNAIPz7gvvX8JCf74MiFQZufIn7/
そういった時に使えるのが、この動画で紹介している v-html です。
普段内容を表示する際はマスタッシュと呼ばれる {{ }} のような形で表示しますが、この形だとセキュリティ上の問題で、HTMLタグがそのまま表示されてしまいます。
ただし、v-html を使えばエスケープされずにそのまま表示されるので、この動画で実例を見て理解しましょう。
Vue.js(ビュージェイエス)を基礎から学びたい方はこちら
https://factory-programming-mv.com/playlistDetails/PLv7E5OqNAIPz7gvvX8JCf74MiFQZufIn7/