Skills
.Work. You
Rest

use-uniapp-dynamic-page-title

Community

Dynamic uni-app titles driven by routes

Software Engineering#route-params#title-management#uniapp#navigation-bar#dynamic-title#vue2-migration#onready
Authorruan-cat
Version1.0.0
Installs0

System Documentation

What problem does it solve?

uni-app 动态页面标题设置专家 - 根据路由参数或业务状态动态设置页面标题，使用 uni.setNavigationBarTitle API。

Core Features & Use Cases

  • 动态标题计算与应用：根据路由参数、业务状态或数据加载结果自动生成并设置页面标题，避免硬编码标题。
  • 跨场景适用：详情页、编辑页、审核页等需要根据状态显示不同标题的场景，以及从 Vue2 迁移的页面也能保持一致标题逻辑。
  • 数据源支持与协同技能：可与 route-migration、code-migration、api-migration 等技能协同，确保路由参数传递与接口数据对齐。

Quick Start

Use this skill to compute and apply a dynamic uni-app page title based on route action and status.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: use-uniapp-dynamic-page-title
Download link: https://github.com/ruan-cat/11comm-app/archive/main.zip#use-uniapp-dynamic-page-title

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.