一、基本介紹
el-input是element-ui的一種輸入框組件,用於表單的輸入。其中,我們可以通過設置參數,限制用戶只能輸入數字。這種功能在很多情況下都會用到,比如金額輸入框、年齡輸入框等等。
二、參數介紹
el-input中用於限制只能輸入數字的參數是:type。
type有以下幾個可選值:
type: { type: String, default: 'text', validator: function (value) { return ['text', 'textarea', 'password', 'url', 'email', 'tel', 'number'].indexOf(value) !== -1; } }
其中,當type的值為number時,el-input即被限制為只能輸入數字。
三、type為number的使用方法
我們可以通過在el-input組件中設置type為number,即可實現只能輸入數字的效果。
原創文章,作者:GZEKZ,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/332790.html