问题描述:

使用DataTables来写列表,用vue来渲染数据,有搜索功能,每次点击搜索就会报错,如下图所示。

Vue+DataTables warning:table id=xxxx -Cannot reinitialize DataTable.报错解决方法

问题排查:

找了一系列原因,最后发现是我每次请求完数据之后都会添加分页功能,从而导致了table重复创建了。

Vue+DataTables warning:table id=xxxx -Cannot reinitialize DataTable.报错解决方法

解决方法:

再请求完数据之后,渲染数据之前,先将表格销毁,然后再重新渲染生成。

if ($('#table2_demo1').hasClass('dataTable')) {
           var table = $('#table2_demo1').dataTable();
          table.fnDestroy(); //还原初始化了的datatable
}

 

相关文章:

  • 2021-12-30
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-11-05
猜你喜欢
  • 2021-05-21
  • 2021-10-24
  • 2021-12-01
  • 2022-12-23
  • 2022-12-23
  • 2021-09-02
  • 2022-12-23
相关资源
相似解决方案