Components

Editable 行内编辑

点击即改的文本：虚线预览、进入编辑自动全选、Enter 提交 Esc 取消。

基础

失焦或取消恢复原值。

gateway-prod-east

集群别名

当前值：gateway-prod-east

<div class="flex items-center gap-3">
  <Editable v-model="name" placeholder="点击编辑集群名称" />
  <Badge variant="outline" color="neutral" size="xs">集群别名</Badge>
</div>
<p class="mt-3 text-xs text-slate-500 dark:text-slate-400">当前值：{{ name || '（空）' }}</p>

API 参考

属性	类型	默认值	说明
`model-value`	`string`	`—`	v-model 文本。
`placeholder`	`string`	`点击编辑…`	空值占位。
`disabled / readonly`	`boolean`	`false`	禁止编辑。