我們先看看組件效果圖：

基本用法

type屬性(type="password")

占位符(placeholder="請(qǐng)輸入")

帶清除按鈕(clear)

輸入限制(max=6)

props組件屬性：

type(類型 String)

組件輸入的類型，默認(rèn) "text"，可選所有原生input類型。

max(類型 String || Number)

組件輸入限制。

placeholder(類型 String)

組件默認(rèn)顯示文本。

clear(類型 String)

組件清除圖標(biāo)，默認(rèn) undefined，使用的時(shí)候不需要值。

組件事件：

blur

組件失去焦點(diǎn)觸發(fā)，返回輸入值。

change

組件值有改變時(shí)觸發(fā)，返回輸入值。

input

組件正在輸入時(shí)觸發(fā)，返回輸入值。

focus

組件獲得焦點(diǎn)觸發(fā)，返回輸入值。

示例代碼：

基本用法

密碼類型(type="password")

占位符(placeholder="請(qǐng)輸入")

帶清除按鈕(clear)

輸入限制(max=6)

具體的Input組件源碼，請(qǐng)前往github地址獲取。

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

總結(jié)

以上是生活随笔為你收集整理的input change获取改变之前的值和改变之后的值_使用Vue3.0新特性造轮子 WidgetUI3.0 （Input输入框组件）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。