vue input 只能输入数字 且开头第一位数不能为0

HTML页面写一个@input事件 监听用户输入
<template>
			<div class="orderpayment_number">
				<div>购买数量:</div>
				<div>
					<input type="text" placeholder="输入购买数量" v-model="number" @input="handleInput" />
				</div>
			</div>
</template>

Js 部分 使用replace方法与正则表达式匹配
export default {
		data: function() {
			return {
				number: ''
			}
		},
		methods: {
			handleInput(e) {
				this.number = e.target.value.replace(/\D/g, '').replace(/^0{1,}/g, '');
			}
	},
此方法有效嘛? 有的话给博主点个免费的赞呗~

在这里插入图片描述

Logo

前往低代码交流专区

更多推荐