Vuex: 알 수 없는 변환 유형: 드롭다운 상태

Vuex: 알 수 없는 변환 유형: 드롭다운 상태

나는 초보자이고 무언가를 배우고 있다. 나는 vue js 2를 사용하고 있고 vuex에 문제가 있다.div of dropdown을 클릭하면 액티브 클래스를 추가하고 드롭다운의 내용을 표시합니다.문제는요.

알 수 없는 변환 유형: 드롭다운 상태.

store.displaces를 설정합니다.

import Vue from 'vue';
import Vuex from 'vuex';

Vue.use(Vuex);

export const store = new Vuex.Store({
  state: {
    active: false,
  },

  getters: {
    isOpen (state) {
      return state.active;
    },
  },

  mutation: {
    dropdownState (state) {
      state.active = !state.active;
      console.log('hi');
    },
  },
});

드롭다운.표시하다

<template>
  <div class="dropdown" @click="dropdownState">
    <slot name="button"></slot>
    <slot></slot>
  </div>
</template>

<script>
import { mapMutations } from 'vuex';
export default {
  name: 'Dropdown',
  methods: {
    ...mapMutations(['dropdownState']),
  }
};
</script>

드롭다운 콘텐츠표시하다

<template>
  <div>
    <div class="dropdown-content right" :class="{ active : active }"></div>
  </div>
</template>

<script>
import { mapState, mapGetters } from 'vuex';
export default {
  name: 'DropdownContent',
  computed: {
    ...mapState(['active']),
    ...mapGetters(['isOpen']),
  },
};
</script>

돌연변이일 거예요s)

mutations: {
  ...
}

https://vuex.vuejs.org/guide/mutations.html#mutations
그나저나, 그럴거야actions나도!

언급URL : https://stackoverflow.com/questions/67423235/vuex-unknown-mutation-type-dropdownstate