Vue.js vuex在以下情况下不反应:
我正在使用vuex,我想引用数组中的getter 前 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.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,
];
}
},