<input type="text" v-model.lazy="phone" v-enter-number="0"> //无小数点
<input type="text" v-model.lazy="phone" v-enter-number> //保留两位小数点
Vue.directive('enterNumber', {
bind: function(el, { value = 2 }) {
el = el.nodeName == "INPUT" ? el : el.children[0]
var RegStr = value == 0 ? `^[\\+\\-]?\\d+\\d{0,0}` : `^[\\+\\-]?\\d+\\.?\\d{0,${value}}`;
el.addEventListener('keyup', function() {
el.value = el.value.match(new RegExp(RegStr, 'g'));
el.dispatchEvent(new Event('input'))
})
}
})
vue directive input限制小数点位数,及更新v-model
原创
             ©著作权归作者所有:来自51CTO博客作者StavinLi的原创作品,请联系作者获取转载授权,否则将追究法律责任        
             
            
        
                提问和评论都可以,用心的回复会被更多人看到
                评论
            
            
                    发布评论
                
            
            相关文章
        
        
- 
                    vue3 directive input限制字符长度,及更新v-modelApp.directive('limit-num', { ... vue.js javascript 前端 用户名 生命周期
- 
                    vue v-Modelvue
- 
                    Spring WebFlux 原理与实践全解析g MVC会调度 1000 个线程,每个线程单独处理一个请求。 #语音识别 #人工智能 System 操作符 API
 
 
                    













 
                    

 
                 
                    