【LayUI】动态增减表单项，编号动态变化

需求描述：

商品发货多物流时。需要填写多个包裹信息。新增包裹信息框，包裹信息编号一次递增；删除包裹信息框，包裹信息编号动态变化

效果展示：

"divOrderFh" style="display: none">
    class="layui-form-label" style="padding-left: 10px; margin-top: 10px">结算运费：
    
class="layui-input-inline">
        "number" id="txtSettledFreight" value="0" oninput="divAlertInfoVue.checkInputNum(this.value)" class="jiesuan layui-input" style="height: 30px; margin-top: 10px">
    
    "tbContent"class="layui-table" lay-skin="nob" style="width: 90%; margin: 0px 20px; border-collapse: separate; border-spacing: 0px 20px;">
        
 

            

                
"vertical-align: top">class="layui-form-label">包裹1：
                
  
                    
class="layui-input-block" style="margin-left: 0px">
                        "text" name="txtExpressName" placeholder="请输入物流名称" class="layui-input">
                        "text" name="txtExpressNumber" placeholder="请输入物流单号" class="layui-input">
                    
 
                
 
            
        
    
    "button" class="layui-btn layui-btn-primary btn-add" onclick="divAlertInfoVue.CopyPackageControl()">+ 新增包裹

如何理解var evt = e || event

为了实现多种浏览器兼容。event是事件对象(也是window的属性)，但不是标准的，只有IE支持

其实，如果把它写全的话，就好理解多了吧

function(event){
    var e = event ? event || window.event;
}

而 || 的两边是不能反过来写的。 ||返回第一个Boolean类型为true的值， 在IE中执行 var oEvent = ev || event; 时，ev为undefined，即为false，而event为true。所以返回的是它所支持的event。 在其他浏览器中，第一个ev为true，直接返回，不用理会后面的event。而反过来写，var oEvent = event || ev; IE下不会报错，直接返回第一个为true的event 但在其他浏览器中，event没有被定义，直接报错

如何理解的JS ~~运算符

简单一点就是将一些变量转化为Number（数字）类型的；

原文链接：https://blog.csdn.net/weixin_37710888/article/details/82587296