Vue输入整数自定义指令
javascript
1/* 2 * Auth: WANGJIAN 3 */ 4directives:{ 5 Int:{ 6 bind: function (el) { 7 const trigger = (el, type) => { 8 const e = document.createEvent('HTMLEvents') 9 e.initEvent(type, true, true) 10 el.dispatchEvent(e) 11 } 12 const input = el.getElementsByTagName('input')[0] 13 input.onkeyup = function (e) { 14 if (input.value.length === 1) { 15 input.value = input.value.replace(/[^0-9]/g, '') 16 } else { 17 input.value = input.value == 0 ? '' : input.value.replace(/[^\d]/g, '') 18 } 19 trigger(input, 'input') 20 } 21 input.onblur = function (e) { 22 if (input.value.length === 1) { 23 input.value = input.value.replace(/[^0-9]/g, '') 24 } else { 25 input.value = input.value == 0 ? '' : input.value.replace(/[^\d]/g, '') 26 } 27 trigger(input, 'input') 28 } 29 } 30 }, 31} 32
阅读量:1504发布日期:2021-06-11 16:43:58
博客描述
vue自定义指令,限制输入整数,比如:年龄。。。