Question

我使用以下代码在<div>循环中创建了几个v-for元素：

<div class="row" v-for="sentinel in sentinels">
    <div class="cell date">{{ sentinel.when }}</div>
    <div class="cell city">{{ sentinel.city }}</div>
</div>

效果很好。

我现在想用<img>元素扩展它：

<div class="row" v-for="sentinel in sentinels">
    <div class="cell date">{{ sentinel.when }}</div>
    <div class="cell city">{{ sentinel.city }}</div>
    <div class="cell country"><img src={{ sentinel.flagURL }} title={{ sentinel.country }}></div>
</div>

此操作失败，控制台出现Uncaught Error: Error parsing template:(…)错误。

使用调试器检查时，

sentinel.flagURL和sentinel.country具有正确的（预期）值。

是否可以在开始和结束标记之间使用变量（{{ sentinel.whatever }}用于上述情况），还可以用于标记的参数？

Answer 1

只需绑定您的元素without mustaches：

<div class="cell country"><img :src="sentinel.flagURL" :title="sentinel.country"></div>

HTML中的图片代码：

<img src="">

如何在元素的参数中使用变量？

1 个答案: