How to add condition if object empty on the vue.js 2?

Question

My vue component is like this :

<template>
    <div>
        <div v-if="!list">No results.</div>
        <div v-else class="panel-group" v-for="item in list">
            ...
        </div>
    </div>
</template>
<script>
    export default {
        ...
        computed: {
            list: function() {
                return this.$store.state.order.list
            }
        }
    }
</script>

The result of console.log(this.$store.state.order.list) is like this :

Seems it's a object

I try like that, but when the object empty, it not display <div v-if="!list">No results.</div>

Is there anyone who can help me?

Update :

If no data, the result of console.log(this.$store.state.order.list) is like this :

Bert · Accepted Answer · 2017-04-11 04:45:20Z

12

<div v-if="Object.keys(list).length === 0">No results.</div>

answered Apr 11, 2017 at 4:45

Bert

82.6k17 gold badges205 silver badges166 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to add condition if object empty on the vue.js 2?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related