如何在 Vuejs/Javascript 中将 Object 元素推送到数组中

Posted 2023-02-22

【中文标题】如何在 Vuejs/Javascript 中将 Object 元素推送到数组中

【英文标题】：How to push Object element to an array in Vuejs/Javascript

【发布时间】：2017-12-11 21:05:30

【问题描述】：

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

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

我在组件的 created 属性中有一个 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
    

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

截图：

帮我解决这个问题。

【问题讨论】：

你能在console.log(this.notify) 里面watch 吗？如果是array，则必须有push。

@morgh 是对的，this.notify 看起来不像是一个数组。

@MatWaligora 我已经将它定义为数据集中的一个数组，顺便说一句，我不知道发生了什么，但是在执行 console.log 时我得到了答案。

@morgh 我做了 console.log 并且它正在工作。即使我删除了 console.log() 它现在正在工作，在加载组件期间可能是一些监视功能错误。现在一切顺利。

【参考方案1】：

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

所以你要做的就是：

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