Need to find whether an array is empty or not in vue

Question

I want to find whether an array is empty or not. If it is empty I want to add data and if it is not it will not allow adding. I am currently stuck at the following stage,

<script type="text/javascript">
export default {
    name: 'CarrierCosts',
    data () {
        return {
            inputs: [],

            form: {
                free_shipping: '',
                add_handling_costs: '',
                tax: '',
                range: '',
                checkboxValue: '',
            }
        }
    },
    methods: {
        addRange(){         
            this.inputs.push({
                rangField: '',
            })
        },
    }
}

I need to know that before to push to an array. But its not working — Kevin
– Kevin, Commented Nov 28, 2018 at 13:20

Boussadjra Brahim · Accepted Answer · 2018-11-28 13:22:36Z

3

You could know that array is empty by checking its length:

methods: {
    addRange(){  
     if(this.inputs.length===0){       
        this.inputs.push({
            rangField: '',
        })
        }
    },
}

answered Nov 28, 2018 at 13:22

Boussadjra Brahim

90k19 gold badges163 silver badges183 bronze badges

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

Collectives™ on Stack Overflow

Need to find whether an array is empty or not in vue

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