vue购物结算清单

 查看演示  website  立即下载

更新时间：2020-07-24 00:37:54

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

代码修改地方：

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

处新增两个判断

@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;
            }
        },

更新时间：2020-07-15 22:47:06

PREVIOUS:
NEXT:
jQuery移动端购物车清单结算
vue订单确认模板