在Vue.js中,使用三元运算符确定图像源

时间:2019-07-04 15:31:02

标签: vue.js ternary

我在Vue.js应用程序中具有以下代码行,该应用程序从“属性”列表中的“属性”呈现图像:

<?php $fallback = get_template_directory_uri() . '/assets/img/project-1.jpg' ?>
<img :src="property.img != null ? property.img.medium : '<?php echo $fallback ?>'" :alt="property.name" class="card__image">

如您所见,它具有用PHP编写的后备功能,可以正常工作。但我只想这样做:

<img :src="property.img != null ? property.img.medium : property.img.original" :alt="property.name" class="card__image">

在这种情况下,即使“对象属性中确实存在property.image.original,这也不起作用,为什么?

0 个答案:

没有答案