来自Vue.js中db的图像URL变量

Question

我想使用数据库中的URL显示图像。

赞

<img class="card-img" src="{{travel.city}}" alt="Card image">

{{travel.city}}是v-for循环中的变量。这个v底循环正在起作用。

Answer 1

使用v-bind指令：

<img v-bind:src="travel.city">

或更短：

<img :src="travel.city">

希望这会对您有所帮助：）

Answer 2

尝试使用attribute binding的语法：

<img class="card-img" :src="travel.city" alt="Card image">

Vue不支持在属性中插入胡子样式的模板（像Angular或其他框架一样）。