layui输入页码跳转到具体数据页如何实现

在使用 layui 的数据表格（table）时，可以通过监听分页（page）组件的事件来实现输入页码跳转到具体数据页的功能。

具体实现步骤如下：

1. 在 table.render() 方法中设置 page: true，开启分页功能。

table.render({
  elem: '#demo',
  url: '/demo/table/user/',
  page: true,
  //...
});

2. 监听分页组件的 jump 事件，在事件回调函数中调用 table.reload() 方法重新加载数据并跳转到指定页码。

table.on('page(test)', function(obj){
  // obj包含了当前分页的各种参数，如：obj.curr（当前页码）
  // 重新渲染表格，并跳转到指定页码
  table.reload('demo', {
    page: {
      curr: obj.curr // 跳转到指定页码
    }
  });
});

3. 在页面中添加一个输入框和一个按钮，当用户输入页码并点击按钮时可以触发跳转事件。

<div class="layui-form-item">
  <label class="layui-form-label">跳转到</label>
  <div class="layui-input-inline">
    <input type="text" name="jumpPage" placeholder="请输入页码" class="layui-input">
  </div>
  <div class="layui-input-inline">
    <button class="layui-btn" id="jumpBtn">跳转</button>
  </div>
</div>

4. 在页面加载完成后，给按钮添加一个点击事件。

layui.use(['table', 'jquery'], function(){
  var table = layui.table;
  var $ = layui.jquery;

  // 给跳转按钮添加点击事件
  $('#jumpBtn').on('click', function(){
    var jumpPage = $('input[name="jumpPage"]').val();
    // 跳转到指定页码
    table.reload('demo', {
      page: {
        curr: jumpPage // 跳转到指定页码
      }
    });
  });
});

通过以上步骤，就可以实现在 layui 数据表格中输入页码跳转到具体数据页的功能了。