laravelブレードのイメージsrc内でvue変数を使用するにはどうすればよいですか？

ブレード内のvue変数とイメージsrc属性を使用しようとしていますが、vueではテンプレートのコンパイルエラーが発生します。laravelブレードのイメージsrc内でvue変数を使用するにはどうすればよいですか？

純粋なテンプレートが、VUEテンプレートは、ブレードのファイルよりも少し遅くロードとして、私はこれを分けることができ、私は

<img src="uploads/@{{authUser.profilePic}}"/>

をやろうとしていますものです。

ご協力いただければ幸いです。

2017-12-13 sadek

'[Vueが警告]：エラーのコンパイルテンプレート：' – sadek

をそれは、属性内の補間が削除されている '与えます。代わりにv-bindまたはコロンの短縮形を使用してください。しかし、私が追加すると：srcは違うエラーを返します{ – sadek

属性内の補間は、Vue 2では使用できません。v-bind:srcまたはショートカット:srcを使用して、JavaScriptの式をsrcにバインドします。

<img :src="'uploads/' + authUser.profilePic"/>

JavaScript式は、文字列の連結であること：

'uploads/' + authUser.profilePic

2017-12-13 14:34:05 Devon

ありがとうございます。 laravelの{{}}と@と混同されましたが、答えにもう一度感謝します！ – sadek

ええ、 '@ {{var}}'は属性の外のどこにでも使用できます。 – Devon

答えて