2017-10-22 80 views
1

Vueテンプレートの特殊記号(数字)を記号に変換するにはどうすればよいですか?Vueテンプレート - HTMLの特殊文字(数字)をシンボルに変換しますか?

[{"id":"post91","slug":null,"title":"Breakfast & Tea"}] 

がどのように私はBreakfast & TeaBreakfast & Teaを変換することができます。例えば

私はこのJSONデータを持っていますか?

マイVueのテンプレート:

<h3 class="heading">{{ item.title }}</h3> 

任意のアイデア?

答えて

1

最良のオプションは、実際にv-htmlを使用している:いずれかの

<h3 class="heading" v-html="item.title"></h3> 

不要

ここ
new Vue({ 
    el: '#app', 
    created(){ 
    this.message = this.decode('Breakfast &#038; Tea'); 
    }, 
    methods:{ 
    decode(str){ 
     return he.decode(str); 
    } 
    }, 
    data:{ 
    message: '' 
    } 
}) 

がJSFiddleです他のライブラリ。

+1

はい、あなたは実際に正しいです。私は 'v-html'を考慮しなかったが、それはよりよい解決策である! –

+0

@craig_hコメントありがとう:-) – laukok

関連する問題