From 0539b539cb2916ff341354a0d921fc28dfd63f72 Mon Sep 17 00:00:00 2001
From: gongzhen <517441540@qq.com>
Date: Wed, 31 May 2023 15:48:56 +0800
Subject: [PATCH] fix: nested-with-vmodel example not really trigger vuex
 actions

---
 example/components/nested-with-vmodel.vue | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/example/components/nested-with-vmodel.vue b/example/components/nested-with-vmodel.vue
index 48c28216..9a0e4d4a 100644
--- a/example/components/nested-with-vmodel.vue
+++ b/example/components/nested-with-vmodel.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="justify-content-between row">
-    <nested-test class="col-8" v-model="elements" />
-    <raw-displayer class="col-4" :title="'Vuex Store'" :value="elements" />
+    <nested-test class="col-8" v-model="list" />
+    <raw-displayer class="col-4" :title="'Vuex Store'" :value="list" />
   </div>
 </template>
 
@@ -17,14 +17,17 @@ export default {
     NestedTest,
     rawDisplayer
   },
-  computed: {
-    elements: {
-      get() {
-        return this.$store.state.nested.elements;
+  data: function() {
+    return {
+      list: this.$store.state.nested.elements
+    };
+  },
+  watch: {
+    list: {
+      handler: function(val) {
+        this.$store.dispatch("nested/updateElements", val);
       },
-      set(value) {
-        this.$store.dispatch("nested/updateElements", value);
-      }
+      deep: true
     }
   },
   methods: {}