v-htmlの使い方

Vueでリストを表示させたかった時に、htmlタグで改行を入れたかった

通常はマスタッシュ構文を使うが、それだとhtmlタグを入れてもただの文字列として認識されてしまう。そこで、v-html属性を用いる。

マスタッシュ構文

index.html

<span>{{ hoge.name }}</span>

v-html属性

index.html

<span v-html="hoge.name"></span>

備忘録として残させてください。アウトプットです。hogehoge