vuex가state의 값을 바꾸었지만 페이지가 업데이트되지 않았습니다

1712 단어 vuexstate업데이트
state에서 속성이obj 형식으로 정의되었을 때, 때때로 나타난다. 다른 페이지가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의 값을 바꿨지만 페이지가 업데이트되지 않은 문제는 편집자가 여러분에게 공유한 모든 내용입니다. 참고도 해주시고 저희를 많이 사랑해 주십시오.

좋은 웹페이지 즐겨찾기