vue專案是基於element框架做的，在做form表單時，要做些驗證，element框架也提供了自定義驗證
下面是一些常見的驗證
只允許輸入數字：
可以直接用框架的rule去驗證，但必須在model後加上number
num: [
,只允許輸入數字和小數:
過濾中文：
補充：由於使用了元件，新增了rules驗證規則，導致與oninput事件的驗證規則發生了衝突，所以修改如下
deal(index,indexs,value,prop){this.form.sark_type[index].child[indexs][prop]=value
對當前屬性重新賦值，也可以把oninput事件的驗證移到change事件，不過這樣驗證只能在失焦的時候觸發
ps：由於屬性層級較多，包含了多層陣列，通過element自定義驗證去做，要逐層拆屬性，著實有點麻煩。
Vue限制輸入框只能輸入整數
首先，得明確監聽input輸入框變化的方法是input，不是change。方案一 type number 作用 成功禁止輸入字母 能輸入小數點，第一位可以為0，小數點能輸入多個 eg 01111.5.5 方案二 v model.number 作用 輸入過程中能輸入字母，但在失去焦點時多餘的字母會被清...
vue 實現輸入框邊輸入邊驗證
這個方法是保留整數 inputchange e if o.value.tostring split 0 length 8 else 這個就是最後過來之後的值 this.value o.value 這個方法保留兩位小數 inputchange e obj.value obj.value.replace...
Vue中輸入框只能輸入整數和小數
在main.js中寫乙個指令 限制只能輸入正整數,不包含小數 vue.directive enternumber else 只能輸入正整數及小數 包含小數點 vue.directive enternumber2 return else if re.test string.fromcharcode c...