vue.js - vuejs中来自db的图像url变量
问题描述
我想使用数据库中的 url 显示图像。
像这样
<img class="card-img" src="{{travel.city}}" alt="Card image">
{{travel.city}} 是来自 v-for 循环的变量。这个 v-foor 循环正在工作。
解决方案
使用 v-bind 指令:
<img v-bind:src="travel.city">
或简称:
<img :src="travel.city">
希望对你有帮助 :)
推荐阅读
- javascript - 如果满足条件,您可以清除 setInterval 吗?不使用 componentDidMount?
- python - 无法删除根节点并使用最大堆
- mouse - Microsoft Intellimouse PS/2 数据包格式是所有带有滚轮或额外按钮的 PS/2 鼠标的标准吗?
- r - 使用 lubridate 更改 tibble 中的 tz
- reactjs - material-ui 日期选择器颜色变化
- c# - 如何组合来自两个 ConcurrentBags 的项目?
- c++ - 我的 cin 在我的 cin 之后我的代码崩溃了,我可以得到一些关于我做错了什么的建议吗
- common-lisp - Common Lisp - 如何使用关键字参数调用/应用函数?
- c++ - 我可以用什么代替 C++ 中的 (ios :: in ) 在我的代码中给出相同的结果?
- electron - 如何动态更改 MenuItem 的属性(如标签)?