updating substate doesn't update main state

yazz · Apr 25, 2024 · 9db658a · 9db658a
1 parent 44412f6
commit 9db658a
Showing 1 changed file with 13 additions and 9 deletions.
diff --git a/public/test.html b/public/test.html
@@ -1591,18 +1591,22 @@
         vueApp.component("ZooComp",
             {
                 props: ["statezoo"],
-                template:   `
-                                        <div style="margin-top: 70px;">
-                                            Zoocomp {{statezoo}}
-                                        <button style="height: 050px;width:100px;" v-on:click="zoo()" >ZOO</button>
-
-                                        </div>`
-                ,
+                data: function() {
+                  return {
+                      myState: {}
+                  }
+                },
+                template:   `<div style="margin-top: 70px;">
+                                Zoocomp {{myState}}
+                                <button style="height: 050px;width:100px;" v-on:click="zoo()" >ZOO</button>
+                            </div>`,
                 methods: {
                     zoo: function () {
                         let mm = this
-                        mm.statezoo = immer.produce(
-                            mm.statezoo
+                        debugger
+                        this.myState = this.statezoo
+                        mm.myState = immer.produce(
+                            mm.myState
                             ,
                             function(stateChange) {
                                 stateChange.zoo.a  = 2