尚硅谷Vue尚品汇项目-限制购物车数量输入框只能输入正整数的其他方法

noirscent

于 2022-10-08 11:04:02 发布

阅读量430

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js 前端 javascript 前端框架

本文链接：https://blog.youkuaiyun.com/never_stop_study/article/details/127204912

本文介绍了一种在Vue尚品汇项目中限制购物车数量输入框只能输入正整数的方法，强调了仅允许数字输入并排除小数点、e和负号。通过监听onkeypress事件结合正则表达式实现输入验证，并在change事件中确保输入非零或空时默认设置为1。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

限制输入框只能输入正整数

<input
    autocomplete="off"
    class="itxt"	
	type="number"
    onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
    v-model="skuNum"
	// 当输入的是 '0' 或 空字符串时，让其等于1
    @change="skuNum < 1 ? (skuNum = 1) : skuNum"

最低0.47元/天解锁文章