v-model을 사용하여 Vue 앱의 Vuex 스토어에서 카운트 값 변경
P粉882357979
P粉882357979 2024-03-22 00:31:42
0
1
483

이 코드는 오류를 발생시키지 않지만 카운트를 변경하면 화면에 결과가 표시되지 않습니다. 이 문제를 해결하도록 도와주세요.

import Vue from 'vue'
    import Vuex from 'vuex'
    
    Vue.use(Vuex)
    
    export default new Vuex.Store({
      state: {
        lists: [ 
          {
            title: "User",
            count: 15,
          },
          {
            title: "Admin",
            count: 41,
          },
          {
            title: "Total Members",
            count: 100,
          },
          {
            title: "Manager",
            count: 35,
          }
        ]
      },
      mutations: {
        updateMessage (state, count) {
          state.lists.count = count
        }
      },
      actions: {
      },
      modules: {
      }
    })

P粉882357979
P粉882357979

모든 응답(1)
P粉958986070

우선, 매장을 업데이트하기 위해 v-model이 필요하지 않습니다. 로컬 복사본을 만들고 즉시 업데이트할 수 있습니다.

두 번째로, 모든 개체의 전체 개수를 업데이트하고 싶지는 않지만 특정 항목 하나를 업데이트하고 싶은 것 같습니다.

내가 할 일은 다음과 같다:

으아아아
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿