Question

我有一个使用v-for在vue中运行的for循环，该循环遍历媒体对象以查看是否存储了图像。那可以正常工作，但是如果对象为空，现在我要在它下面显示一个div，说“没有媒体”。但是始终显示文本“没有媒体”。任何帮助，将不胜感激。

下面是我的代码：

<v-flex>
                            <p><v-flex sm3 v-for="media in current_sample.media"  :key="media.id">
                                <v-btn @click="delete_image(media.id)">[X]</v-btn> <img :src="'https://orderinformation.s3.amazonaws.com/' + media.path" class="rotateImg" />
                            </v-flex>
                                <v-flex sm3 v-if="current_sample.media">There is no media</v-flex>
                            </p>
                        </v-flex>

Answer 1

您可以使用Object.entries属性：

 <v-flex sm3 v-if="!Object.entries(current_sample.media).length">There is no media</v-flex>

Answer 2

您可以使用与所有浏览器兼容的Object.keys

v-if="Object.keys(obj).length"

如何使用v-if检查.vue中的vue对象是否为空

2 个答案: