这是移动端使用的,
input type 为number 时 英文或中文都没有限制,而且maxlength不起作用,
input type 为tel 时 英文或中文也都没有限制,但maxlength有作用,所以用tel,
keyup 是为了过滤数字以外的字符。

<input v-model="phoneNumber" placeholder="输入手机号" type="tel" maxlength="11" @keyup="onKeyUp">

<script type="text/javascript">
    vm = new Vue({
            el: "#app",
            data: {
                phoneNumber: '',
            },
            methods: {
                onKeyUp: function(){
                    var self = this;
                    self.phoneNumber=self.phoneNumber.replace(/[^\d]/g,'');
                },
            }
        })
</script>
Logo

前往低代码交流专区

更多推荐