如何在laravel blade的image src中使用vue变量？

Question

我正在尝试在blade和image src属性中使用vue变量，但是vue会给出模板编译错误。

我想做什么

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

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

非常感谢任何帮助。

Answer 1

Vue 2中无法使用插值内部属性。您可以使用v-bind:src或快捷方式:src将Javascript表达式绑定到src。

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

javascript表达式是字符串连接：

'uploads/' + authUser.profilePic