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

原创

于 2022-10-08 11:04:02 发布 · 459 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript #前端框架

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

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

<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"
/>