完善无障碍菜单显隐控制手段

web/src/views/accessibility.vue

@@ -832,6 +832,17 @@ export default {
     onClickQuit() {
       this.ariaSettings.isCompActive = false
     },
+
+    // 供外界调用
+    requestToShowMenu() {
+      !this.ariaSettings.isCompActive && (this.ariaSettings.isCompActive = true)
+    },
+    requestToHideMenu() {
+      this.ariaSettings.isCompActive && (this.ariaSettings.isCompActive = false)
+    },
+    requestToSwitchMenuShowHide() {
+      this.ariaSettings.isCompActive = !this.ariaSettings.isCompActive
+    },
   }
 }
 </script>

web/src/views/layout/index.vue

@@ -121,13 +121,18 @@ export default {
     },
     loveFlag: {
       handler(v) {
-        this.$refs.accessibility.ariaSettings.isCompActive = v
+        if (v) {
+          this.$refs.accessibility.requestToShowMenu()
+        } else {
+          this.$refs.accessibility.requestToHideMenu()
+        }
       },
       immediate: false,
     },
   },
   //方法集合
   methods: {
+    // 无障碍菜单组件内部也能自行控制显隐，此时要响应。
     onAccessibilityMenuShow() {
       this.loveFlag = true
     },