1、首先需要安装 print-js 插件
npm install print-js --save
2、在需要用的组件中引用
import print from 'print-js'
3、在需要打印内容的地方设置id
4、 定义一个函数 点击打印时触发此函数
<Button loading={this.confirmLoading} onClick={this.ok}>打印凭证</Button>
5、函数具体实现
const ok = () => {
confirmLoading.value = true; //loading 效果开启
print({
printable: "printVoucherDetail", //指定打印区域
type: "html", //type:可以是 html 、pdf、 json 等
targetStyles: ["*"], // 这样设置继承了页面要打印元素原有的css属性
//传入自定义样式的字符串,使用在要打印的html页面 也就是纸上的样子。
style: "@page{size:auto;margin:1cm 1cm