2016-05-09 5 views
1

がどのように私はVueのコンポーネントプロパティにHTMLをバインドすることができますプロパティ(Vue.js)へ?バインディングHTML

私が持っている私のPHPスクリプトでは:私のVUEテンプレートで

$html = '<div>some text</div>'; 

$box = "<box_includes 
html_text='$html' 
></box_includes>"; 

<template id="template_box_includes"> 
{{ html_text }} 
</template> 

しかし、私のブラウザでは、私はタグを含むすべてのテキストを参照してください、それがテキストとして認識されています:

<div>some text</div> 

答えて

3

Vue JSでは、二重括弧を使用するとHTMLがエスケープされます。あなたはそのようなHTMLをエスケープ回避するために、3を使用する必要があります。

<template id="template_box_includes"> 
{{{ html_text }}} 
</template> 

あなたはドキュメントのこのページで詳細を学ぶことができます。http://vuejs.org/guide/syntax.html#Raw-HTML

私はこれが役に立てば幸い!

+4

また、あなたはまた、 'V-html'を使用することができます。https://vuejs.org/api/#v-html – nils

+0

[OK]を、私は誤ってそれをGoogleで検索している必要がありました。答えをありがとう! – vivoconunxino

関連する問題