日常开发

src/views/set/index.vue

@@ -14,7 +14,7 @@
         <div class="liBox">
           <div class="pic"><img src="@/assets/images/common/set1.png"></div>
           <div class="name">
-            调试开关
+            调试开关（{{ vConsoleState ? '开' : '关' }}）
           </div>
         </div>
       </div>
@@ -41,6 +41,11 @@
 <script setup name="Login" lang="ts">
 const { proxy } = getCurrentInstance() as any;
 const router = useRouter();
+const data = reactive<any>({
+  vConsoleState: true,
+});
+
+const { vConsoleState } = toRefs(data);
 
 //设置
 const getConfig = () => {
@@ -75,9 +80,11 @@ const getConsole = () => {
   if (vConsole == "1") {
     localStorage.setItem('vConsole', "0");
     vConsoleIcon.style.display = 'none';
+    vConsoleState.value = false;
   } else {
     localStorage.setItem('vConsole', "1");
     vConsoleIcon.style.display = 'block';
+    vConsoleState.value = true;
   }
 };
 
@@ -96,7 +103,12 @@ const confirmExit = () => {
 };
 
 onMounted(() => {
-
+  let vConsole = localStorage.getItem('vConsole');
+  if (vConsole == "1") {
+    vConsoleState.value = true;
+  } else {
+    vConsoleState.value = false;
+  }
 })
 </script>