🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
``` 方法一:加个表单,调接口进行重新取值 <div id="search"> <form action="" class="layui-form"> <div class="layui-form-item" style="margin-left: 5%"> <!-- <label class="layui-form-label">搜索</label>--> <div class="layui-input-inline"> <input type="text" name="search" placeholder="请输入用户名" autocomplete="off" class="layui-input"> </div> <div class="layui-input-inline"> <button class="layui-btn" lay-submit lay-filter="subBtn">搜索</button> </div> </div> </form> </div> //表单搜索,重新渲染表格 form.on('submit(subBtn)',function (data) { table.reload('demo', { url: '{:url("admin/user/index")}' ,where: data.field //设定异步数据接口的额外参数 }); return false; }) ``` ``` 方法二:内置方法 <div class="demoTable"> <div class="layui-inline"> <input class="layui-input" name="value" id="examval" autocomplete="off"> </div> <button class="layui-btn" data-type="reload" id="examsearch">搜索</button> </div> //搜索 $('#examsearch').click(function(){ table.reload('idExam', { where: { //设定异步数据接口的额外参数,任意设 value:$("#examval").val() } ,page: { curr: 1 //重新从第 1 页开始 } }); //只重载数据 }) ```