diff --git a/src/components/menu-permission.vue b/src/components/menu-permission.vue
index 59a99b3aadf5cfa6c7e9e556526722e39f2ec78a..2d7abe6cc0989c0c5ee4af7b696788b13b7da815 100644
--- a/src/components/menu-permission.vue
+++ b/src/components/menu-permission.vue
@@ -14,7 +14,10 @@
             >
               <span class="el-checkbox__inner"></span>
             </span>
-            <span class="el-checkbox__label" v-text="first_item.menu_name"></span>
+            <span
+              class="el-checkbox__label"
+              v-text="first_item.menu_name"
+            ></span>
           </label>
         </div>
         <ul
@@ -78,8 +81,7 @@
                   <li>
                     <div class="floor_item fourth">
                       <label
-                        v-for="(fourth_item,
-                        fourth_index) in third_item.Child"
+                        v-for="(fourth_item, fourth_index) in third_item.Child"
                         :key="
                           'p_' +
                             first_index +
@@ -127,7 +129,7 @@
 <script>
 export default {
   model: {
-    prop: "permissions",
+    prop: "data",
     event: "change-permissions",
   },
   props: {
@@ -191,7 +193,13 @@ export default {
       }
     },
   },
-  mounted() {},
+  watch: {
+    data(value) {
+      console.log("--- --- ---");
+      console.log(value);
+      console.log("--- --- ---");
+    },
+  },
 };
 </script>
 
diff --git a/src/pages/authority/role/addroles.vue b/src/pages/authority/role/addroles.vue
index 854af736864aad820e91eb3a4ff1efa3cb4d9cf8..a93ce9deefd080d0ed2e7ab0ba0a07dbd06e0885 100644
--- a/src/pages/authority/role/addroles.vue
+++ b/src/pages/authority/role/addroles.vue
@@ -55,7 +55,7 @@
         style="margin-bottom:100px;margin-top:20px;"
       >
         <menu-permission
-          :data="permissionData"
+          v-model="permissionData"
           @change="changePermissions"
         ></menu-permission>
       </div>
@@ -158,10 +158,10 @@ export default {
         Promise.all([this.get_tree(), this.get_use_tree()])
           .then((result) => {
             console.log(result);
-            this.permissionData = result[0].data.data;
             this.service_node = result[1].data.data;
             this.permission_arr = [];
             this.deal_tree_data(result[0].data.data, result[1].data.data);
+            this.permissionData = result[0].data.data;
           })
           .catch((error) => {
             console.log(error);