1

Я пытаюсь добавить новый элемент в таблицу и закрыть диалоговое окно. В файле компонента:

<v-dialog
v-model="dialog"
max-width="500px">
  <v-btn
    color="blue darken-1"
    text
    @click="saveNewItem(curItem)">
    Save
  </v-btn>
</v-dialog>
import Vuex, { mapState, mapActions, mapGetters } from 'vuex'
computed: {
      ...mapState([
        'dialog',
      ]),
}
methods: {
      ...mapActions([
        'saveNewItem',
      ]),
}

В файле store.js:

state: {
    dialog: false,
    }
mutations: {
    saveItem: (state, payload) => {
      if (state.editedIndex > -1) {
        Object.assign(state.desserts[state.editedIndex], payload)
      } else {
        state.desserts.push(payload)
      }
      state.dialog = false
    },
}
actions: {
    saveNewItem: ({ commit }, payload) => {
      commit('saveItem', payload)
    },
}

при клике новый элемент добавляется в таблицу, но диалоговое окно не закрывается. что не так?

0

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Посмотрите другие вопросы с метками или задайте свой вопрос.