javascript - 如何在 Vuejs/Javascript 中将对象元素推送到数组

Question

我正在尝试在 VueJs 中构建一个小型应用程序，以下是我的数据集:

data(){
    return {
        pusher: '',
        channel:'',
        notify: [],
        notifications: '',
        notificationsNumber: '',
    }
},

我在组件的创建属性中进行 axios 调用:

axios.get('api/notifications', {headers: getHeader()}).then(response => {
    if(response.status === 200)
    {
        this.notify = response.data.notifications
        this.notificationsNumber = this.notify.length
    }
}).catch(errors => {
    console.log(errors);
})

我正在实现 pusherJs，因此我有以下代码:

this.pusher = new Pusher('xxxxxxxx', {
    cluster: 'ap2',
    encrypted: true
});

var that = this
this.channel = this.pusher.subscribe('stellar_task');
this.channel.bind('company_info', function(data) {
    console.log(data.notification);
    that.notifications = data.notification
});

从推送器获取值后，我想将其作为监视属性推送到我的数组通知，如下所示:

watch: {
    notifications(newValue) {
        this.notify.push(newValue)
        this.notificationsNumber = this.notificationsNumber + 1
    }
}

所以问题是我通过 Pusher 接收的数据格式是对象形式，并且推送功能没有在此实现:

屏幕截图:

帮我解决这个问题。

Answer 1

我假设 response.data.notifications 是一个类似数组的对象。

所以你所要做的就是:

this.notify = [...response.data.notifications];