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

标签 laravel vue.js laravel-blade

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

我想做的事情在哪里

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

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

任何帮助将不胜感激。

最佳答案

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

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

JavaScript 表达式是字符串连接:

'uploads/' + authUser.profilePic

关于laravel - 如何在 laravel Blade 的图像 src 中使用 vue 变量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47795222/

相关文章:

php - 在 foreach 循环中包含 foreach 循环

php - 在 Laravel 5 中设置队列

php - 如何在 Laravel Controller 中使用方法重载?

javascript - 未捕获的语法错误 : Unexpected token '<' VueJS PWA

php - 调整图像的宽度和高度(模型 Blade )Laravel

Laravel 5 无限滚动 + 分页

docker - 如何在容器中配置 nginx 以在自定义路径位置访问构建的 vue 应用程序。 NGINX 返回 404

javascript - Vue JS - indexOf 数组不是函数

php - 将 subview Blade 部分动态添加到 View 中

php - 无法从 laravel 中的 session 获取 $id