跳到正文
cccskills
免费在 GitHub 公开

mobile-navigation

Use this skill when changing routes, tabs, guards, back-button behavior, or any navigation flow including notification-tap navigation.

中文简介正在准备中。当前显示原文说明。

bekaku/vue-ionic-example-app
查看安装方法

包含的文件（1）

  • SKILL.md1.7 KB

SKILL.md（原文）

安装前可以查看交给 AI 代理的指令内容。

mobile-navigation — Canonical Skill

Purpose

Preserve the verified @ionic/vue-router navigation model and back-button behavior.

When to use

Routes, tabs, guards, params, redirects, modals-as-pages, back-button, or notification/deep-link entry navigation.

Required reading

  • skills/mobile/NAVIGATION.md
  • docs/agent/MOBILE_ARCHITECTURE.md (router flow)

Relevant project locations

  • src/router/index.ts, src/App.vue, src/pages/tabs/index.vue
  • src/composables/useBase.ts (appNavigateTo, getCurrentPath)

Mandatory rules

  1. Guard: only meta.noRequireAuth === true bypasses auth (router/index.ts).
  2. Single useBackButton(-1, …) in App.vue — never add competing handlers.
  3. Tabs are children of /tabs/ (home/chat/other); keep nesting consistent.
  4. Route navigation through the guard. Several links point at routes that do not exist (/post/view/:id, /user/view/:id, /notifications, /hashtag/*, menu /permission /role /user /chats /feed — KNOWN_ISSUES #23); they fall to the catch-all 404. Add the route before relying on a link.

Implementation workflow

  1. Trace the affected route chain + guard outcome.
  2. Test forward, back, guard-redirect, and tab-switch paths.
  3. Confirm back-button priority/cleanup; no duplicate listeners.
  4. Verify per mobile-testing, including lifecycle on cached pages.

Verification

Route/guard unit checks + manual navigation matrix on web; Android back-button only verified on device/emulator.

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问，或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护，适用 Google 的隐私权政策和服务条款。

同一仓库的技能

mobile-api

免费

Use this skill when adding or changing REST API calls, HTTP client config, error handling, uploads/downloads, or network behavior.

中文简介正在准备中。当前显示原文说明。

bekaku/vue-ionic-example-app62026年10月5日 更新

mobile-auth

免费

Use this skill when working on login, logout, session restore, tokens, route guards, or any authentication and authorization behavior.

中文简介正在准备中。当前显示原文说明。

bekaku/vue-ionic-example-app62026年10月5日 更新

mobile-build-release

免费

Use this skill when building, syncing Capacitor, or preparing Android/iOS releases and environment configuration.

中文简介正在准备中。当前显示原文说明。

bekaku/vue-ionic-example-app62026年10月5日 更新

mobile-components

免费

Use this skill when creating, modifying, or debugging Ionic Vue components, pages, forms, dialogs, or theme/safe-area UI behavior.

中文简介正在准备中。当前显示原文说明。

bekaku/vue-ionic-example-app62026年10月5日 更新

mobile-core

免费

Use this skill for any Ionic Vue + Capacitor mobile work: Vue architecture, Composition API, TypeScript, state, env config, shared conventions. Required for every implementation task alongside mobile-testing.

中文简介正在准备中。当前显示原文说明。

bekaku/vue-ionic-example-app62026年10月5日 更新

mobile-deep-links

免费

Use this skill when handling inbound URLs, custom schemes, app links, universal links, or URL-bearing notification payloads.

中文简介正在准备中。当前显示原文说明。

bekaku/vue-ionic-example-app62026年10月5日 更新

查看 bekaku 的全部技能

报告此技能的问题