SingoWong

在项目中经常会遇到在表格中的输入框，同时又需要在最后提交的时候校验输入框是否已填或者其他校验条件。和正常文档校验不同点在于，表格中的输入框数量可能是不确定的，需要动态的校验表格中输入框内容。

利用html2canvas将HTML页面转为数据流。应用场景为将前端的html页面转为IO数据流传给后端，生成图片或者其他文件。

点击按钮将指定的html页面转为图片并下载到本地，利用html2canvas将DOM生成图片并下载。

vue3中将DOM转成pdf，一堆使用频率一般但麻烦函数。本文将这堆方法封装成为一个函数，并详细注释，方便跟进具体需求细微调整使用。

前两天偶然看到Ant Design Vue也更新支持vue3，且刚好开两个新项目，其中一个是PC项目，边搭建项目，边顺手记录一下，以后再次搭建的话就不用带脑子了，直接复制粘贴即可。

此文仅适合简单动态路由，如果是复杂的动态路由，如：进度条、路由权限、菜单栏为公共组件等相对复杂的动态路由可以在此基础上添加功能。

使用html2canvas插件在vue项目中将DOM元素截图生成图片函数封装 此方法在vue2和vue3中都适用。

echarts在vue3中的基本使用，对饼状图，环状图，折线图，柱状图等封装成函数，直接调用即可，使之适用于在大项目中使用。

去年下半年，vue刚刚推出，可选UI框架都比较少。项目组多人开发，项目并非本人搭建。昨天刚好开启一个新的项目，按照各种教程完成基础的搭建，很少找到一次性说完项目搭建方法的教程。搭建过程中可能还有错误。