Vue.js: watch array length Vue.js: watch array length vue.js vue.js

Vue.js: watch array length


Use the watch section in your vm creation:

var vm = new Vue({    el: 'body',    data: {        items: []    },    computed: {        item_length: function () {            return this.battle_logs.length;        }    },    watch: {        items: {            handler: function () {                console.log('caught!');            },            deep: true        }    }});

Or watch a computed length attribute:

vm.$watch('item_length', function(newVal, oldVal) {    console.log('caught!');});