vue3简单使用打印插件vue-plugin-hiprint

插件git地址：https://github.com/CcSimple/vue-plugin-hiprint

安装

npm install vue-plugin-hiprint
在public里面新建一个print-lock.css，用来存放相关css代码
css代码来源https://cdn.jsdelivr.net/npm/vue-plugin-hiprint@latest/dist/print-lock.css
然后在index.html里面加入如下代码（href后面跟上的是上面新建的css文件地址）

使用插件

title属性一般都是默认文本
field属性一般都是绑定数据的字段名称

如果需要打印条形码或者二维码，也是用addPrintText方法，只是options的参数textType使用“barcode”（条形码）或者“qrcode”（二维码）即可。
如果需要打印html则可以使用addPrintHtml方法。
其他特殊打印形状参考http://hiprint.io/docs/text

简单的自定义打印，也可以通过存储元素的top和left属性，确认元素位置，实现简单的自定义打印。