layui表格实例重载参数缓存问题

最新推荐文章于 2025-04-23 20:29:15 发布

没有什么时间是比现在合适的

最新推荐文章于 2025-04-23 20:29:15 发布

阅读量2.7k

点赞数 3

分类专栏： layui

本文链接：https://blog.youkuaiyun.com/fangxuan1509/article/details/104052265

版权

layui表格在使用数组作为异步加载参数并重载列表时，可能出现参数未更新的问题，原因在于组件内部的参数会被自动缓存。为解决此问题，需要在重载前清除缓存。但应注意，直接在`elem`属性中清除缓存会影响分页效果，正确做法是在每次请求后清除，以保持请求参数在翻页时的正确传递。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

layui的数据表格，当有数组作为异步加载的参数的时候，使用reload重载列表时会出现，数组没有更新成最新的参数的情况，原因是组件的参数会自动缓存。

解决方式就是每次reload之前清空缓存。

注意不要在table的done属性中清空缓存，这样的话虽然是能解决参数缓存的问题，但是如果当前table使用了分页效果的话，分页效果就失效了。因为done是在每次发送完请求之后做的事情，如果每次请求之后清空缓存，就会造成翻页的时候没有请求参数了。

实现代码：

layui.table.render({
   
    id: "gridid",
    elem: '#detail-list',
    url: baseURL + 'park/cityParkIndexAnalysis/getParkIndexPage',
    where: {
   
        plNos: vm.listForReload,
        startIndex: vm.startIndex,
        endIndex: vm.endIndex,
        time: vm.selTime,
        timePeriods: vm.timePeriods,
        week: vm