我們先看看組件效果圖：

基本用法

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。