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

【问题标题】：How can I use vue variable inside laravel blade's image src?如何在 laravel Blade 的图像 src 中使用 vue 变量？
【发布时间】：2018-05-27 11:20:40
【问题描述】：

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

我想做什么

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

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

任何帮助将不胜感激。

【问题讨论】：

[Vue warn]: Error compiling template:
它给出了 ` 属性内部的插值已被删除。改用 v-bind 或冒号简写，但如果我添加 :src 它会给出不同的错误抱怨 {

标签： laravel vue.js blade

【解决方案1】：

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

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

字符串连接的javascript表达式：

'uploads/' + authUser.profilePic

【讨论】：

谢谢。对 laravel 的 {{}} 和 @ 感到困惑，但再次感谢您的回答！
是的，你可以在属性之外的任何地方使用@{{ var }}。