Vuex：生命周期钩子

Question

我在vuex文件中有如下数据结构：

state:{
    info:[
      {
        name: 'Some field 1',
        value: '',
        pattern: /.+/,
        //status: ''
      },
      {
        name: 'Some field 2',
        value: '',
        pattern: /.+/,
       // status: ''
      }
    ]

我希望每个对象都有一个字段status: ''。但我不想复制代码。在 Vue 组件中我为此写了：

beforeMount(){ 
            // add new fuild 
        }

但是这种方式在 Vuex 中是行不通的。

beforeMount(){  
    console.log('does not work');
    for (let i = 0; i < this.info.length; i++) {
        this.$set(this.state.info[i], 'status', '');
    }
  }

如何动态添加新字段到状态中？

Answer 1

在突变中，只需执行以下操作：

  state.info = state.info.map(x => ({
  ...x,
  status: ''
})