You need to enable JavaScript to run this app. BootStrap Table:如何阻止b-table在数据更新时立即自动重排序
优惠活动
大模型
产品
解决方案
定价
更多

BootStrap Table:如何阻止b-table在数据更新时立即自动重排序

阻止b-table随数据更新自动重排的配置方法

直接使用内置开关即可实现需求

在b-table组件上增加no-sort-on-change属性,就能直接阻断数据变更触发的内部自动排序逻辑。
参考写法:

<b-table
  :items="tableData"
  :fields="columnConfig"
  no-sort-on-change
></b-table>

关键注意点

  • 这个配置只会阻断数据更新触发的自动重排,不会干扰原生排序交互:用户点击表头切换排序字段、调整升序/降序的功能完全正常,和未配置时的体验一致。
  • 开启配置后如果需要主动触发排序,可以直接调用b-table暴露的sort()方法,传入指定的列名、排序方向参数就能完成手动排序操作。
  • 不要错用no-local-sorting属性:这个属性会彻底关掉b-table自带的本地排序能力,所有排序流程都需要自己手写实现,和“保留原生排序能力、仅拦截数据变动时的自动重排”的目标完全不匹配。

内容的提问来源于stack exchange,提问作者Saraina K

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.27 06:36:03