Menu
高频易错属性映射和避坑指南
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Implement tasks from an OpenSpec change. Use when the user wants to start implementing, continue implementation, or work through tasks.
Archive a completed change in the experimental workflow. Use when the user wants to finalize and archive a change after implementation is complete.
Archive multiple completed changes at once. Use when archiving several parallel changes.
Continue working on an OpenSpec change by creating the next artifact. Use when the user wants to progress their change, create the next artifact, or continue their workflow.
Enter explore mode - a thinking partner for exploring ideas, investigating problems, and clarifying requirements. Use when the user wants to think through something before or during a change.
Fast-forward through OpenSpec artifact creation. Use when the user wants to quickly create all artifacts needed for implementation without stepping through each one individually.
| id | eng-bkui-cheatsheet |
| name | BKUI 组件属性速查表 |
| category | engineering |
| description | 高频易错属性映射和避坑指南 |
| tags | ["bkui","cheatsheet","props","pitfalls"] |
| updated_at | "2026-01-16T00:00:00.000Z" |
还原设计稿时，严格遵守以下属性映射，严禁使用 ElementUI/AntD 的属性名。
| 组件 | 错误 | 正确 |
|---|---|---|
| Button | type="primary" | theme="primary" |
| Input | prefix-icon="xx" | <template #prefix> |
| Icon | <i class="bk-icon..."> | import { Plus } from 'bkui-vue/lib/icon' |
| Dialog | v-model="show" | v-model:isShow="show" |
| Table | 忘记 remote-pagination | 远程分页必须加 |
| DatePicker | shortcuts.value: [] | shortcuts.value: () => [] |
<!-- Button -->
<bk-button theme="primary">主要</bk-button>
<bk-button text theme="primary">编辑</bk-button>
<!-- Icon -->
<script setup>
import { Plus, Search } from 'bkui-vue/lib/icon';
</script>
<!-- Input -->
<bk-input v-model="value">
<template #prefix><Search /></template>
</bk-input>
<bk-table :data="list" :pagination="pagination" remote-pagination>
<bk-table-column label="名称" prop="name" />
<bk-table-column label="操作">
<template #default="{ row }">
<bk-button text theme="primary">编辑</bk-button>
</template>
</bk-table-column>
</bk-table>
分页对象:
{ current, limit, count }
| 资源 | URI |
|---|---|
| 复杂组件 | skill://bkui-cheatsheet/references/complex-components.md |
skill://bkui-cheatsheet/references/complex-components.md根据 SKILL.md 中的 IF-THEN 规则判断是否需要加载