vuex가state의 값을 바꾸었지만 페이지가 업데이트되지 않았습니다
이럴 때 바꿔야 돼.JSON.parse(JSON.stringify(obj))
this.$store.dispatch("setGlobalUserInformation",JSON.parse(JSON.stringify(obj)))
보충 지식: 오류 vuex 쓰기
이것은 매우 난감한 문제입니다. 당신의 코드가 이렇게 쓰여 있는지 맞혀 보겠습니다.
<template>
<div id="app">
<img src="./assets/logo.png">
<button @click="clickme"> </button>
<span>{{countnumber}}</span>
</div>
</template>
<script>
export default {
name: 'app',
data() {
return {
countnumber: this.$store.state.count,
}
},
methods: {
clickme: function() {
this.$store.commit("increment");
}
},
}
</script>
<style>
</style>
그럼 축하드립니다. 아무리 평범하게 굴어도 0.하지만 당신이 아래의 이런 작법이라면 그것은 옳은 것입니다.
<template>
<div id="app">
<img src="./assets/logo.png">
<button @click="clickme"> </button>
<span>{{$store.state.count}}</span>
</div>
</template>
<script>
export default {
name: 'app',
data() {
},
methods: {
clickme: function() {
this.$store.commit("increment");
}
},
}
</script>
<style>
</style>
차이점은 바로 네가 인터페이스 안에 직접 연결되어 있다는 것이다.왜 그래요?글쎄요, 남의 틀이니까요.이상의 해결 vuex는state의 값을 바꿨지만 페이지가 업데이트되지 않은 문제는 편집자가 여러분에게 공유한 모든 내용입니다. 참고도 해주시고 저희를 많이 사랑해 주십시오.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Vuex Store를 크게 단순화하는 방법상태가 예측 가능한 방식으로만 변경될 수 있도록 하는 규칙을 사용하여 응용 프로그램의 모든 구성 요소에 대한 중앙 집중식 저장소 역할을 합니다. Factory Core Framework 애플리케이션의 모든 애플리케이...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.