vue 移动端的input 数字输入优化

Question

这是移动端使用的， 
input type 为number 时 英文或中文都没有限制，而且maxlength不起作用，
input type 为tel 时 英文或中文也都没有限制，但maxlength有作用，所以用tel，
keyup 是为了过滤数字以外的字符。
请问大神这段代码还有没有优化的空间？

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

<script type="text/javascript">

    vm = new Vue({

            el: "#app",

            data: {

                phoneNumber: null,

            },

            methods: {

                handleFilterLetters: function(){

                    var self = this;

                    self.phoneNumber=self.phoneNumber.replace(/[^\d]/g,'');

                },

            }

        })

</script>