当在表格里定义button，且不声明type时，浏览器会基于一个默认值，chrome给的是submit，因此会触发表单submit事件。

    button type： Tip: Always specify the type attribute for the

    因此，为了方便，可将button替换为a，效果一样：

    1.  <button type="button" class="layui-btn layui-btn-warm layui-btn-sm" lay-event="del">删除</button>
    2.  <a class="layui-btn layui-btn-warm layui-btn-sm" lay-event="del">删除</a>

    另外为了触发行工具事件，一定要加上lay-event，即使你用不到，否则不会触发点击事件

    这是官网模板：

    1. <script type="text/html" id="barDemo">
    2.   <a class="layui-btn layui-btn-xs" lay-event="detail">查看</a>
    3.   <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
    4.   <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    6.   <!-- 这里同样支持 laytpl 语法，如： -->
    7.   {{#  if(d.auth > 2){ }}
    8.     <a class="layui-btn layui-btn-xs" lay-event="check">审核</a>
    9.   {{#  } }}
    10. </script>
    12. 注意：属性 lay-event="" 是模板的关键所在，值可随意定义。
    15. //工具条事件
    16. table.on('tool(test)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
    17.   var data = obj.data; //获得当前行数据
    18.   var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
    19.   var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）
    21.   if(layEvent === 'detail'){ //查看
    22.     //do somehing
    23.   } else if(layEvent === 'del'){ //删除
    24.     layer.confirm('真的删除行么', function(index){
    25.       obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
    26.       layer.close(index);
    27.       //向服务端发送删除指令
    28.     });
    29.   } else if(layEvent === 'edit'){ //编辑
    30.     //do something
    32.     //同步更新缓存对应的值
    33.     obj.update({
    34.       username: '123'
    35.       ,title: 'xxx'
    36.     });
    37.   } else if(layEvent === 'LAYTABLE_TIPS'){
    38.     layer.alert('Hi，头部工具栏扩展的右侧图标。');
    39.   }
    40. });