Vue+DataTables warning:table id=xxxx -Cannot reinitialize DataTable.报错解决方法
2024-08-29 00:39:26
问题描述:
使用DataTables来写列表,用vue来渲染数据,有搜索功能,每次点击搜索就会报错,如下图所示。
问题排查:
找了一系列原因,最后发现是我每次请求完数据之后都会添加分页功能,从而导致了table重复创建了。
解决方法:
再请求完数据之后,渲染数据之前,先将表格销毁,然后再重新渲染生成。
if ($('#table2_demo1').hasClass('dataTable')) {
var table = $('#table2_demo1').dataTable();
table.fnDestroy(); //还原初始化了的datatable
}
最新文章
- css3圆形头像(当图片宽高不相等时)
- Memcache学习整理
- OC基础--对成员变量的封装
- C#与C++(结构体内对象指定大小)
- iOS开发之吸附动画效果
- VirtualBox的工作原理&;参考网上文章
- unity3d中获得物体的尺寸(size)
- tomcat+apache 实现负载均衡之一:同一台电脑部署2个以上tomcat
- [转]Swift 简介 - 苹果最新的编程语言
- 基于visual Studio2013解决算法导论之029二叉搜索树
- poj 2001 Shortest Prefixes(特里)
- [WebGL入门]十六,绘制多个模型
- MySQL解压包的安装教程
- SQL Server 创建用户报错:消息 15023,级别 16,状态 1,第 1 行 用户、组或角色 'XXX' 在当前数据库中已存在。
- 限制访问次数例子和Ajax的some
- 20175316盛茂淞-Java第1周学习总结
- dokuwiki工具栏添加换行回车快捷键与按钮
- pygame系列_font游戏字体_源码下载
- 五、curator recipes之选举主节点Leader Latch
- Spring MVC @ModelAttribute详解