input
输入框购物车的一些总结(pc
端)
change
事件是在失焦的时候触发的,但是如果你输入的值跟原来的值一样,失焦的时候是不是触发change
事件的- 在输入框里面按回车键也是能触发
change
事件的,但是要保证输入的值跟原来的值不一样
vue
项目中给input
的value
属性也可以动态绑定一个变量,但是这种方式跟v-model
的区别是给value
动态绑定的变量与input
输入框输入的值不是双向绑定的,也就是你把变量绑在value
上,这个value
就是死的,变量是多少value
就是多少,不能手动输入值。
你用v-model
去绑,那就可以实现双向绑定
然后给一个购物车输入判定的函数
// 处理用户在购物车商品数量的输入
// 如果用户输入的是非数字或者输入的值小于1,直接把输入的值置1,否则对输入的数据取整
export default function (inputValue) {
let handleValue = 1
if (isNaN(inputValue) || inputValue < 1) {
handleValue = 1
} else {
handleValue = parseInt(inputValue)
}
return handleValue
}
其他的项目碰到再补充…