Przeglądaj źródła

fix 修复 菜单取消按钮不工作问题

疯狂的狮子Li 10 miesięcy temu
rodzic
commit
9dea8369e3
1 zmienionych plików z 8 dodań i 2 usunięć
  1. 8 2
      src/views/system/menu/index.vue

+ 8 - 2
src/views/system/menu/index.vue

@@ -277,7 +277,7 @@
       <template #footer>
         <div class="dialog-footer">
           <el-button type="primary" @click="submitDeleteForm" :loading="deleteLoading">确 定</el-button>
-          <el-button @click="cancel">取 消</el-button>
+          <el-button @click="cancelCascade">取 消</el-button>
         </div>
       </template>
     </el-dialog>
@@ -361,7 +361,7 @@ const getTreeselect = async () => {
 /** 取消按钮 */
 const cancel = () => {
   reset();
-  deleteDialog.visible = false;
+  dialog.visible = false;
 };
 /** 表单重置 */
 const reset = () => {
@@ -443,6 +443,12 @@ const handleCascadeDelete = () => {
   deleteDialog.visible = true;
 };
 
+/** 取消按钮 */
+const cancelCascade = () => {
+  menuTreeRef.value?.setCheckedKeys([]);
+  deleteDialog.visible = false;
+};
+
 /** 删除提交按钮 */
 const submitDeleteForm = async () => {
   const menuIds = menuTreeRef.value?.getCheckedKeys();