菜单
处理 Element Plus 组件库升级迁移问题。Invoke when user encounters Element Plus deprecation warnings, API changes, or version upgrade issues.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Enforce form validation before submit. Validate first, return early on failure, and only then run the async submit logic inside try/catch so validation errors aren’t swallowed and misreported.
强制遵循Element Plus开发规范：使用CSS变量而非硬编码值、不修改组件自带样式、不使用内联样式、使用标准CSS类和scoped样式。在涉及Element Plus样式修改时必须调用此技能。
一站式 UI/UX 优化专家，自动执行完整的设计优化流程。Invoke when user wants comprehensive UI/UX improvements, full page optimization, or 'make this look professional'.
Set up and run end-to-end (E2E) tests for web applications using Playwright. Invoke when user wants to create E2E tests, set up testing framework, or run automated browser tests.
强制遵循Y-SSO前端开发规范：Vue组件规范、CSS变量使用、BEM命名、导入顺序、文件结构等。仅在修改 frontend/src/ 目录下文件时调用。
YWeb DDD 分层架构与 API 设计规范。在创建或修改 API 路由、Service 层、领域模型、DTO 时使用。涵盖瘦 API 原则、服务层拆分、Model 设计、DTO 转换、响应格式等。
| name | element-plus-migration |
| description | 处理 Element Plus 组件库升级迁移问题。Invoke when user encounters Element Plus deprecation warnings, API changes, or version upgrade issues. |
此 skill 用于处理 Element Plus 组件库版本升级时的 API 变更和弃用警告。
问题: ElementPlusError: [el-radio] [API] label act as value is about to be deprecated in version 3.0.0, please use value instead.
解决方案:
将 :label 改为 :value:
<!-- 错误 -->
<el-radio-group v-model="gender">
<el-radio :label="0">未知</el-radio>
<el-radio :label="1">男</el-radio>
<el-radio :label="2">女</el-radio>
</el-radio-group>
<!-- 正确 -->
<el-radio-group v-model="gender">
<el-radio :value="0">未知</el-radio>
<el-radio :value="1">男</el-radio>
<el-radio :value="2">女</el-radio>
</el-radio-group>
# 搜索所有使用 label 的 el-radio
grep -r "el-radio.*label" --include="*.vue" src/
使用 SearchReplace 工具批量替换:
<el-radio :label="<el-radio :value="el-radio 组件的 label 属性el-checkbox 组件的 label 属性el-option 的 label vs value 使用