如何在Vue组件中获取b-table排序对应的context信息？

要拿到b-table的context内容，有两种常用方式：

方式一：通过ref直接访问组件实例的内部context #

给你的b-table添加ref属性，之后就能在组件里直接访问它的context对象：

<b-table
  ref="myTable"
  :sticky-header="true"
  :responsive="true"
  striped
  ...
>
</b-table>

在组件的方法或生命周期钩子中（比如排序操作触发后），可以这样获取：

// 示例：在需要的逻辑中获取context
const tableContext = this.$refs.myTable.context;
// 此时tableContext里就包含你在Vue DevTools中看到的排序等完整信息
console.log(tableContext.sortBy, tableContext.sortDesc);

注意：这种方式是直接访问组件内部属性，不属于BootstrapVue的官方公开API，后续框架版本更新可能会导致属性名或结构变化，使用时需要留意版本兼容性。

方式二：利用官方暴露的事件获取关键信息 #

如果只需要排序相关的核心数据，更推荐用b-table官方提供的sort-changed事件，它会在排序状态改变时主动返回所需信息，无需依赖内部context：

<b-table
  :sticky-header="true"
  :responsive="true"
  striped
  @sort-changed="handleSortChange"
  ...
>
</b-table>

在组件的methods中定义处理方法：

methods: {
  handleSortChange(sortBy, sortDesc) {
    // sortBy是当前排序的字段名，sortDesc是布尔值表示是否降序
    console.log('当前排序字段：', sortBy);
    console.log('是否降序：', sortDesc);
    // 如果需要context里的其他信息，再结合第一种方式补充获取
  }
}

这种方式基于官方API，稳定性更好，不会因为框架内部实现变动而失效。

内容的提问来源于stack exchange，提问作者LoicJu