layui实现删除列表某一行的功能

在 layui 中删除列表某一行的功能可以通过以下步骤实现：

1. 给删除按钮添加一个点击事件，获取到当前行的索引值。

table.on('tool(test)', function(obj){
  var data = obj.data;
  if(obj.event === 'del'){
    layer.confirm('确认删除吗？', function(index){
      //获取当前行的索引值
      var rowIndex = obj.tr[0].rowIndex;
      //执行删除操作
      obj.del();
      layer.close(index);
    });
  }
});

2. 在点击事件中执行删除操作，调用表格的 `del()` 方法删除当前行。

完整代码示例：

<table class="layui-table" lay-data="{id:'test'}" lay-filter="test">
  <thead>
    <tr>
      <th lay-data="{field:'id'}">ID</th>
      <th lay-data="{field:'name'}">名称</th>
      <th lay-data="{field:'operation', toolbar: '#barDemo'}">操作</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>名称1</td>
      <td>
        <div class="layui-btn-group">
          <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="del">删除</button>
        </div>
      </td>
    </tr>
    <tr>
      <td>2</td>
      <td>名称2</td>
      <td>
        <div class="layui-btn-group">
          <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="del">删除</button>
        </div>
      </td>
    </tr>
  </tbody>
</table>

<script type="text/html" id="barDemo">
  <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
  <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>

<script>
layui.use(['table', 'layer'], function(){
  var table = layui.table;
  var layer = layui.layer;

  table.on('tool(test)', function(obj){
    var data = obj.data;
    if(obj.event === 'del'){
      layer.confirm('确认删除吗？', function(index){
        //获取当前行的索引值
        var rowIndex = obj.tr[0].rowIndex;
        //执行删除操作
        obj.del();
        layer.close(index);
      });
    }
  });
});
</script>