如何在 laravel Blade 的图像 src 中使用 vue 变量？

Question

我试图在 Blade 和图像 src 属性中使用 vue 变量，但 vue 给出模板编译错误。

我想做的事在哪里

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

我可以将其分离为纯模板，但 vue 模板加载速度比 Blade 文件慢一点。

任何帮助将不胜感激。

Answer 1

属性内部插值在 Vue 2 上不可用。相反，您可以使用v-bind:src或 快捷方式:src将 Javascript 表达式绑定到src.

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

javascript 表达式是字符串连接：

'uploads/' + authUser.profilePic