美文网首页
vue中限制input只能输入数字-示例

vue中限制input只能输入数字-示例

作者: 吴小冷 | 来源:发表于2020-04-13 11:58 被阅读0次

方法1

new Vue({
    el:'#demo',
    data:{
        oldNum:0    
    },
    computed:{
        inpNum:{
            get:function(){
                return this.oldNum;
            },
            set:function(newValue){
                this.oldNum=newValue.replace(/[^\d]/g,'');
            }
        }
    }
})

方法二:

<input type='text' @input="handleInput" :value="val"/>

handleInput(e){
this.val=e.target.value.replace(/[^\d]/g,'');
}

相关文章

网友评论

      本文标题:vue中限制input只能输入数字-示例

      本文链接:https://www.haomeiwen.com/subject/tergmhtx.html