HTMLタグを(エスケープさせず)そのまま処理してくれる、v-htmlについて解説!

  • マンツーマン個別講義開催中!

    勉強に行き詰まっていませんか?
    エラーの解消から、実装方法まで丁寧に教えます!
    講師が答えられるなら、基本的にどんな内容でもOK!

    詳細はこちら!
  • スクール形式講義

    プロを目指す方・講義を何回も受けられる方はこちら
    個別のカリキュラムを作成し、長期的にサポート!

    詳細はこちら!
vueで定義した変数などに含まれるHTMLタグをそのまま表示したいことがあります。
そういった時に使えるのが、この動画で紹介している v-html です。
普段内容を表示する際はマスタッシュと呼ばれる {{ }} のような形で表示しますが、この形だとセキュリティ上の問題で、HTMLタグがそのまま表示されてしまいます。
ただし、v-html を使えばエスケープされずにそのまま表示されるので、この動画で実例を見て理解しましょう。


Vue.js(ビュージェイエス)を基礎から学びたい方はこちら
https://factory-programming-mv.com/playlistDetails/PLv7E5OqNAIPz7gvvX8JCf74MiFQZufIn7/

関連する動画リスト

もっとみる