Vue:在我的例子中,如何定义if条件



我目前正在进行一个项目,该项目面临以下问题,

<img v-if="blog.thumbnail" :src='backendurl+blog.thumbnail.url'>

如果thumbnail.url存在,我想从数据库中获得正确的url。下面是我从API获得的用于blog.thumbnail.url和源代码检查的json。

我可以看到所有的博客都运行:src="backendurl+blog.thumbna.url",而v-if不起作用?如果我只想用vaild-thumbnail.url运行此代码,如何修复它?

感谢

Stan

API 的Json

源代码检查

<div v-for="(blog, n) in blogs" :key="n">
<img v-if="blog.thumbnail.length" :src="blog.thumbnail[0].url" alt="thumbnail" />
<h1>{{ blog.title }}</h1>
<div v-html="blog.content"></div>
</div>

如果这不起作用,只需写{{blog}}并查看它显示了什么,然后写{{blog.thumbnail}看看你会得到什么。通过这种方式,您可以一步一步地获得正确的语法。

如果在同一台服务器上,则不需要后端url,否则backendurl+blog.thumbna[0].url应该可以使用。

最新更新