vue购物车结算清单效果

所属分类：购物车

浏览：295次- 下载：0次- 评论： 1次- 更新时间：2023-03-25

说明：修复输入框的值验证，对于非正整数，值清空，并在失焦时，值设为0。

代码修改地方：

1	`<input` `type="text"` `class="num-input"` `v-model="item.pro_num">`

处新增两个判断

1	`@input="search($event,index)"` `@blur="check($event,index)"，`

即

<input type="text" class="num-input" v-model="item.pro_num" @input="search($event,index)" @blur="check($event,index)">

对应methods加两个函数：

search: function(event, index) {
        search: function(event, index) {
            let flag = new RegExp("^[1-9]([0-9])*$").test(event.target.value);
            if (!flag) {
                this.productList[index].pro_num = '';
            }
        },
        check: function(event, index) {
            if (event.target.value == '') {
                this.productList[index].pro_num = 0;
            }
        },