踩坑记-vue项目

最近vue项目中遇到好几个问题，先大致罗列一下，后面一一讲述并附上详细的解决方案和参考资源的地址。（使用的element-ui框架）
1. 关于table中的分页显示选中，包括功能关闭页面后重新打开后回显，跨页也支持回显，同时也支持动态修改后跨页动态回显。涉及的技术点其实就是动态监视选中的数据和取消选中的数据的实时监听，从而动态修改需要回显的数据集合，再配合vue 钩子函数update方法监听表格数据和toggleRowSelection达到选中目标数据。
2.使用h5 中的contenteditable的使用，替代vue中的v-html ，同时配合原生的方法做到实时监听其中的值变化，禁止粘贴文字携带格式过来的处理方法。

<div contenteditable="true">我是一个div</div>

3. element-ui中的tree组件的使用，通用的将list数据源转化为树结构，同时添加对树结构的查询和过滤方法。
4. js 大数据刷选剔除小数据里面相同元素的处理。
5. el-dialog对话框的使用时，父组件调用子组件 this.$refs.refName.methods 的方法失效的处理方案，v-show和v-if的理解这这里能和很好的理解失效的根本原因。
6. 涉及大数据量的报表导出的功能时，慎重选择HSSFWorkbook和SXSSFWorkbook的选择，血的教训，前者百条数据的处理效率和后者差不多，当数据量达到500+时，下载excel文件下来可能需要五六分钟，当数据达到7000+时，系统会出现内存溢出现象，导致CPU占用率过高，系统无法使用，而后者的使用就不存在此问题，亲测10000数据量，下载整个过程不超过3秒种。
以上内容会在五一期间陆续更新，更新过程中如有不当描述之处，欢迎指正，共同进步。