uniapp 中限制input输入框非数字及字符

<input @click="phone" @input="judge" type="text" placeholder="请填写姓名" v-model="tbUserName" maxlength="4" />

judge(e) {
	var time = setTimeout(() => {
	clearTimeout(time)
	var value = e.target.value;
	//匹配数字的正则表达式
	var patt = /.*[0-9]{1,}.*/i;
	//匹配特殊字符的正则表达式
	var pattern = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>/?~！@#￥……&*（）——|{}【】‘；：”“'。，、？]");
	let _str = ""
	for (let i = 0, len = value.length; i < len; i++) {
		_str += value[i].replace(pattern, '').replace(patt, '')
		}
		this.tbUserName = _str;
	}, 3)
		console.log(this.tbUserName, 'this.tbUserName')
	},

匹配汉字的正则

//匹配汉字的正则表达式
				const rule = /[^\u4E00-\u9FA5]/g;//如果你们需要字母或者数字，就改这儿！
				this.$nextTick(function () {
				this.yhkName = value.replace(rule,'');
				})