php - 使用 VueJS 和 Laravel 显示图像

Question

我正在尝试使用 VueJS 显示图像，但它要么打印 {{ activity.image }} 要么显示编译错误。这些是尝试:

<img :src="'{{ activity.image }}'"> // Displays {{ activity.image }}
<img :src="{{ activity.image }}"> // Error
<img :src="'@{{ activity.image }}'"> // Displays @{{ activity.image }}

<img v-bind="src:'{{ activity.image }}'" alt=""> // Error
<img v-attr="src:'{{ activity.image }}'" alt=""> // Error

<img :src={{ activity.image }} alt=""> // Error

我该怎么做？

Answer 1

我假设 activity.image 来自 JavaScript，因为您使用的是点符号。

你可以使用 v-bind:src="activity.image"，是的，没有 mustache 。

或者如果它来自 PHP，您应该使用 -> 运算符。

v-bind:src="{{ $activity->image }}"，Blade 渲染需要这些 mustache ，但是 Vue 不需要这些 mustache 。