Перебрать state в mutations через foreach или map

25 января 2022, 22:30

В Vuex есть стейт вида

state: {
  messageUserName: '',
  messageUserEmail: '',
  messageUserPhone: '',
  messageTitleVal: '',
  messageTextVal: '',
},

и мутаторы вида

mutations: {
  setMessageUserName: (state, messageUserName) => 
    state.messageUserName = messageUserName,

Как написать мутатор, пробегающийся по стейту и приводящие его значения к пустой строке ?

Answer 1

Для плоского объекта состояния (как в вопросе):

const store = new Vuex.Store({ 
  state: { 
    messageUserName: 'a', 
    messageUserEmail: 'b', 
    messageUserPhone: 'c', 
    messageTitleVal: 'd', 
    messageTextVal: 'e', 
  }, 
  mutations: { 
    TO_EMPTY_STRING(state, fields = []) { 
      if (!fields.length) 
        fields = Object.keys(state);  
      fields.forEach(k => state[k] = '');  
    } 
  },  
});  
 
console.log(store.state);  
store.commit('TO_EMPTY_STRING');  
console.log(store.state);

<script src="https://unpkg.com/vue/dist/vue.min.js"></script>  
<script src="https://unpkg.com/vuex/dist/vuex.min.js"></script>

Если же целевые свойства будут вложены, то потребуется немного простой рекурсии по объектам (которую лучше реализовать локальной хелпер-функцией в той же мутации).