1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

vuejsの{{{波括弧3つ}}}が効かなかった|廃止されていた

Last updated at Posted at 2019-01-30

#対策

errormustashe.html

<p>{{{test}}}</p>

okmustashe.html

<p v-html="test"></p>

このようにv-html属性を指定することで対応できました。

#参考サイト
github
vue本家
vue2.0の変更点※少し古めのスレッドです

廃止された理由を探して見たんですが見つけられませんでした。
セキュリティが強化されているんでしょうか?
記述の統一が目的でしょうか?
ご存知の方いましたら教えて下さい。

#そもそも{{{}}}とは?
ムスタッシュタグと呼ばれるもの。
Mustasheというテンプレートエンジンで使われているとのこと。
今回は{{{}}}と3つのものを書いていますが
{{}}という2つのものもありこちらは現在でも使えます。

#波括弧3つ{{{}}}と2つ{{}}の違い

mustashe3.html
{{{<span style="color: red">赤くなる</span>}}}

mustashe3の表示結果
赤くなる

mustashe2.HTML
{{<span style="color: red">htmlソースが表示される</span>}}

mustashe2の表示結果
<span style="color: red">htmlソースが表示される</span>

波括弧3つはhtmlソースを解釈してくれます。

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?