2024-10-29vue 打印_vue-plugin-hiprint 静默打印

https://www.qianduange.cn//article/19583.html 分类：前端知识

2024-09-14vue实现页面打印的四种方法_vue 打印

https://www.qianduange.cn//article/18269.html 分类：前端知识

2024-08-15组装数据格式为，传到打印页面，最终打印页面会计算布局，根据一行显示多少列来遍历child进行布局后显示打印页面。粘贴以下代码进入index.vue组件中：注意阅读并分析这里面的实现，预留功能为一行N列实现，栅格布局计算！花了一天时间搞了个打印功能，现则将整体实现过程进行整理分享。在views目录下创建重组页面，即要实现的打印页面。2、重组页面打印格式为：这里重组页面的原因是客户要求为一行两列打印！在使用打印功能的父组件页面中引入上述子组件;_vue 打印

https://www.qianduange.cn//article/15704.html 分类：前端知识

2024-08-12设计：建立一个模板表；有以下字段：id（唯一键），name（前端显示模板名称），printJson（模板字符串），type（分类-同类的模板在同一个地方显示并可打印）,等(做成配置时需要其他条件自己考虑加)前端统一传值可为两种对象和数组（对象只打印一个，数组有多少条数据打印多少个），这个hiprint会自己判断，可以不管。然后再写个组件，弹窗显示打印页面，引用打印页面，传入数据（打印内容与打印模板）然后在要打印的页面使用，我这边是把打印组件封装到表格组件里了，做成了配置项。点击设计进入设计页面，如图。_vue 打印模板设计

https://www.qianduange.cn//article/15379.html 分类：前端知识

2024-06-09（4）打印最好使用原生table标签，使用其他ui框架会出现很大的样式问题，使用原生table表格要自己重写表格边框，不然会出现表格边框很粗的情况，预览时看不出来，打印就很明显。在使用了单元格合并也会出现表格边框有的粗有的细的情况，目前还在研究如何解决。（2）css设置打印时强制分页，使用这个属性，该div的以后的内容就会在打印时分页（此属性在div display属性为flex时无效，使用了浮动float时也会无效）【1】把官方提供的LodopFuncs.js文件保存到项目某个目录下。_vue打印功能实现

https://www.qianduange.cn//article/11633.html 分类：前端知识

2024-05-26本章节将 vue-plugin-hiprint 插件的基本设计功能进行了实现，在下一章节我们会将模板与自己的业务表单数据进行结合，实现一个随着表单数据变化而打印内容变化的动态打印功能。_vue 打印设计器

https://www.qianduange.cn//article/9539.html 分类：前端知识

2024-02-02最初的时候使用的是sortablejs进行拖放，最后发现拖拽元素的文本无法放置在富文本编辑器中，因为sortablejs的封装和富文本编辑器的封装好像有冲突，所以被迫放弃（死磕好几天，最终放弃 (╬◣д◢) ），最终使用的是原生拖拽，原生的拖拽需要在标签上添加：draggable=true，表示是可以进行拖拽的，原生拖拽也是有事件的，这里就不多说，大家可以去看一下官网。至此我们就完成拖放填充的富文本编辑中；这里我才用的方法是在获取后端数据的时候，进行数据处理，因为后端给的数据是分开的。_vue 打印模板设计

https://www.qianduange.cn//article/1106.html 分类：前端知识