vue簡單的input校驗手機號

<input class="phone input-style " :class="{'err-input' : phone.err}" v-model="phone.val" type="text" placeholder="請輸入手機號" oninput = "value=value.replace(/[^\d]/g,'')" maxlength="11" @blur="phone.test()">

data(){
            return {
                hintShow : false,  // 提示語顯示
                hint : '信息填寫錯誤', // 提示語

                /*
                *  val 為值,err為錯誤顯示, test檢驗信息
                * */
                phone : {
                    val : '',
                    err : false,
                    pass: false,
                    test : function () {
                        // 驗證手機號
                        let reg = /^1[0-9]{10}$/
                        if (this.val == '' || this.val.length <= 10 || !reg.test(this.val)) {
                            vm.$data.hintShow = true
                            vm.$data.hint = '請輸入正確的手機號'
                            this.err = true
                            return false
                        }

                        vm.$data.hintShow = false
                        vm.$data.hint = ''
                        this.err = false
                        this.pass = true
                        return true
                    }
                }
            }
        }