数据录入与表单

NnInputPassword 密码输入框

支持显隐切换的密码输入。

示例

API

Props

名称	类型	默认值	说明
value	string | number	''	密码值，配合 v-model:value。
placeholder	string	''	占位文字。
allowClear	boolean	false	显示清除按钮。
status	string	''	传给内部 NnInput。
disabled	boolean	false	禁用输入和显隐按钮。
readonly	boolean	false	只读输入。
visibilityToggle	boolean	true	是否显示密码显隐按钮。
size	string	'middle'	传给内部 NnInput。
bordered	boolean	true	是否显示边框。

未声明的属性会继续通过 NnInput 转发给原生输入元素。

Events

事件	参数	说明
update:value	(value: string)	内部输入更新。
input	(event)	转发 NnInput.input。
change	(event)	转发 NnInput.change。
pressEnter	(event: KeyboardEvent)	转发 Enter。
focus	(event: FocusEvent)	转发 focus。
blur	(event: FocusEvent)	转发 blur。
clear	(event: MouseEvent)	转发清除事件。
visibleChange	(visible: boolean)	点击显隐按钮后触发。

Expose

名称	签名或值	说明
input	NnInput 组件引用	内部输入组件。
focus	(options?: FocusOptions) => void	聚焦输入。
blur	() => void	移除焦点。
select	() => void	选择全部文本。

密码组件占用内部 suffix 区域作为显隐按钮，没有公开 prefix/suffix 插槽。