uniapp中input禁止中文输入

下面文章没有那么详细  标签 方法 判断 其他需要你们自己补全即可
 <input v-model="cardData.wechat" @input="replaceInput" class="input h15" placeholder="输入用户名" />

methods( ){
        replaceInput: function(event) {
                       var q = /^[\u4E00-\u9FA5]+$/;
                        console.log(q.test(event.target.value));
                        if(q.test(event.target.value)){
                            this.$nextTick(()=>{
                              this.cardData.wechat =event.target.value.replace(/[\u4E00-\u9FA5]/g,'')
                            })
                        }else{
                            this.value_v =  event.target.value.replace(/[\u4E00-\u9FA5]/g,'')
                            this.$nextTick(()=>{
                                this.cardData.wechat = this.value_v
                            })
                        }
                    },
}