Vue.js vuex在以下情况下不反应:

Vue.js vuex在以下情况下不反应:,vue.js,vuejs2,vuex,Vue.js,Vuejs2,Vuex,我正在使用vuex,我想引用数组中的getter 前 vuex商店 导出默认的新Vuex.Store({ 国家:()=>({ 项目数据:{ projectHours:null, }, }), 吸气剂:{ projectHours:state=>{ 返回状态.projectData.projectHours }, }, }) 代码.vue data:function(){ 返回{ 项目布局:[{ “数据_1”:此为.projectHours }], } } 计算:{ …映射器(['project

我正在使用vuex,我想引用数组中的getter

vuex商店

导出默认的新Vuex.Store({
国家:()=>({
项目数据:{
projectHours:null,
},
}),
吸气剂:{
projectHours:state=>{
返回状态.projectData.projectHours
},
},
})
代码.vue

data:function(){
返回{
项目布局:[{
“数据_1”:此为.projectHours
}],
}
}
计算:{
…映射器(['projectHours'])
},
...
HTML代码


{{item.data_1}}//非反应性
{{projectHours}}//反应性
当我使用getter(projectHours和mapGetters)时,它可以工作

当我使用参考数据_1时,它不是反应性的

拜托,你知道吗

提前谢谢

韩元


Giovanni

您应该使用计算属性而不是静态数组-静态数据在创建组件时初始化,以后不会被Vue自动修改:

计算:{
…映射器(['projectHours']),
ProjectInfo布局()
{
返回[
数据_1:this.projectHours,
];
}
},