LODOP 打印插件使用

LODOP 打印插件的使用

1、引入js依赖

将你的lodop.js粘贴到页面文件下方js代码上方的js文件引入区域
在这里插入图片描述

2、在页面中合适的位置设置打印按钮,或其他功能中调用打印功能,图中的click事件,可以是有参方法也可以是无参方法,打印需要的数据可根据实际情况进行获取。

撤销:Ctrl/Command + Z重做:Ctrl/Command + Y加粗:Ctrl/Command + B斜体:Ctrl/Command + I标题:Ctrl/Command + Shift + H无序列表:Ctrl/Command + Shift + U有序列表:Ctrl/Command + Shift + O检查列表:Ctrl/Command + Shift + C插入代码:Ctrl/Command + Shift + K插入链接:Ctrl/Command + Shift + L插入图片:Ctrl/Command + Shift + G查找:Ctrl/Command + F替换:Ctrl/Command + G

3、根据实际情况获取打印需要的数据调用打印样式设计方法。

直接输入1次#,并按下space后,将生成1级标题。输入2次#,并按下space后,将生成2级标题。以此类推,我们支持6级标题。有助于使用语法后生成一个完美的目录。

4、设计打印样式,将要打印的内容与基础样式拼接成字符串的形式,

注意:全局变量与此打印方法要写在var vm = new Vue({}) 的外面
在这里插入图片描述
在这里插入图片描述

5、样式设计完成后,调用打印控件的内置函数,进行打印与其他高级设置

在这里插入图片描述

点击后的画面

请添加图片描述

大家快去试试吧!!!

``

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值