我们先看看组件效果图：

基本用法

type属性(type="password")

占位符(placeholder="请输入")

带清除按钮(clear)

输入限制(max=6)

props组件属性：

type(类型 String)

组件输入的类型，默认 "text"，可选所有原生input类型。

max(类型 String || Number)

组件输入限制。

placeholder(类型 String)

组件默认显示文本。

clear(类型 String)

组件清除图标，默认 undefined，使用的时候不需要值。

组件事件：

blur

组件失去焦点触发，返回输入值。

change

组件值有改变时触发，返回输入值。

input

组件正在输入时触发，返回输入值。

focus

组件获得焦点触发，返回输入值。

示例代码：

基本用法

密码类型(type="password")

占位符(placeholder="请输入")

带清除按钮(clear)

输入限制(max=6)

具体的Input组件源码，请前往github地址获取。

https://github.com/AntJavascript/WidgetUI3.0/blob/master/Input.vue

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！