Javascript 如何访问vuex状态对象?

Javascript 如何访问vuex状态对象?,javascript,vue.js,vuex,Javascript,Vue.js,Vuex,我尝试从vuex状态复制对象。我的状态结构如下: 状态={ 行程:[ {日期:2017年1月1日,司机:John Doe}, {日期:2017年1月3日,司机:迈克·阿斯特} ] 但是getter中的objectstate.trips不会返回trip对象的数组,而是返回属性为reactiveGetter和reactiveSetter的数组ob对象 如果我将这个数组对象传递给一个eventhandler,它应该调用一个操作并改变存储(复制trip),那么就不可能访问属性 重复动作/突变: /*a

我尝试从vuex状态复制对象。我的状态结构如下:

状态={
行程:[
{日期:2017年1月1日,司机:John Doe},
{日期:2017年1月3日,司机:迈克·阿斯特}
]
但是getter中的object
state.trips
不会返回trip对象的数组,而是返回属性为reactiveGetter和reactiveSetter的数组ob对象

如果我将这个数组对象传递给一个eventhandler,它应该调用一个操作并改变存储(复制trip),那么就不可能访问属性

重复动作/突变:

/*actions.js*/
export const duplicateTrip=({commit},有效负载)=>{
控制台日志(有效负载)
常数行程={
日期:payload.date,
驾驶员:有效载荷。驾驶员
}
提交('DUPLICATE_TRIP',{TRIP})
}     
/*js*/
导出默认值{
重复跳闸(状态、消息){
state.trips.push(Object.assign(消息))
}
}
从我的组件模板调用该操作:

  • {{trip.date}重复
  • 我的操作接收的trip对象如下所示:


    错误信息到底是什么?“推送不是功能”或其他什么?问题可能是您将对象放入对象中了吗?请尝试
    commit('DUPLICATE\u TRIP',TRIP)
    示例有效,但推送的对象没有正确显示。输出为空。更新了我的注释。这是问题吗?在我的问题中添加了一个图像,显示了我从状态接收到的trip对象。我不清楚如何复制该对象,因为没有属性。只有reactiveGetter/reactiveSett的函数呃。这是意料之中的:请阅读以下内容以了解这一点:。我猜您的UI没有更新,因为您正在将
    {trip}
    而不是
    trip
    传递到
    DUPLICATE\u trip
    函数。安装以查看存储中的真实数据。错误消息到底是什么?“push不是一个函数”或者什么?问题是你把一个对象放进了一个对象中吗?试试
    commit('DUPLICATE\u TRIP',TRIP)
    示例有效,但推送的对象没有正确显示。输出为空。更新了我的注释。这是问题吗?在我的问题中添加了一个图像,显示了我从状态接收到的trip对象。我不清楚如何复制该对象,因为没有属性。只有reactiveGetter/reactiveSett的函数呃。这是意料之中的:请阅读以下内容以了解这一点:。我猜您的UI没有更新,因为您正在将
    {trip}
    而不是
    trip
    传递到
    DUPLICATE\u trip
    函数。安装以查看存储中的真实数据。