隐藏Vconsole,改为点击我的用户头像cell 10次后展示

src/views/home/children/user/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="user">
-    <van-cell label="未绑定手机号" is-link center>
+    <van-cell label="未绑定手机号" is-link center @click="showVConsole">
       <template #icon>
         <m-user-avatar class="user-avatar" />
       </template>
@@ -53,12 +53,22 @@
 
 <script lang="ts">
 import { useExpireTime, RouterBus } from "@/hooks";
+import VConsole from "vconsole";
 </script>
 
 <script lang="ts" setup>
 import { loopPrepareOrder } from "@/api";
 const { expireTime } = useExpireTime();
 const { goBuyVip, goCashOut } = new RouterBus();
+let doubleClickNumber = 0;
+const showVConsole = () => {
+  console.log("双击用户名");
+  if (doubleClickNumber !== 9) {
+    doubleClickNumber = (doubleClickNumber + 1) % 10;
+  } else {
+    let vconsole = new VConsole();
+  }
+};
 </script>
 
 <style scoped lang="scss">