Skip to content

命令面板输入框

@astryxdesign/core v0.7.1 · CommandPaletteInput

属性 ​

属性类型默认值说明
placeholderstringSearch…框里的灰色占位文字。
labelstring按语言显示「搜索命令」这个框给读屏用的名字。默认是按当前语言显示的「搜索命令」,不再用占位文字;搜的不是命令时自己传一个。
hasAutoFocusbooleantrue挂载时是否自动聚焦。面板是画在页面里的时候会自动跳过,免得打开文档示例就抢走焦点。
valuestring—搜索文字,用 v-model:value 绑定。不传时,读写的是外层 CommandPalette 的搜索文字。

事件 ​

  • update:value(value: string):下一个搜索文字。只有当 value 被绑定的时候才会触发。
  • valueChange(value: string):同一个值,用原来的回调名字再发一次,方便从 React 搬过来的代码。

插槽 ​

  • end:输入框后面的内容,例如清空按钮或 Kbd 快捷键提示。转圈会出现在它前面。
  • endContent:同一个插槽的原始名字。两个都写时用 end。