vue input @blur 偶尔不触发_使用Vue3.0新特性造轮子 WidgetUI3.0 （Input输入框组件）...

我们先看看组件效果图：

基本用法

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