bootstrap-table多列排序在表格重新生成后失效

Question

我想要动态地生成bootstrap-table并且带有多列排序，然后我参考了官网说要加一个extension(/extensions/multiple-sort/bootstrap-table-multiple-sort.js)，由于我数据是动态的，所以每次更新我都会先destroy前一个table然后重新生成一个table，但是destroy对多列排序的弹框好像不起作用，也就是说我生成了新的表格，但是多列排序配置的弹框并没有新生成而是保留了我最初生成的那个，有没有人遇到过类似的问题，请问该怎么让弹框也重新生成？谢谢!

<template>
 <table
   id="table"
   class="table table-bordered table-sm"
 />
</template>
<script>
 ...
  methods () {   
    setTable(){
      $('#table').bootstrapTable('destroy') // it doesn't work for multi-sort modal!!!!!!
      $('#table').bootstrapTable({
         sortable: true, 
         showMultiSort: true, // multi-sort flag
         data: this.exportList, // dynamic data from other layout.
         columns: this.fields,
         toolbar:'#export-buttons',//toolbar I added by myself.
      })
    }
  }
</script>