vue3中使用表格打印功能

最新推荐文章于 2024-07-31 17:50:19 发布

先new一个对象.

最新推荐文章于 2024-07-31 17:50:19 发布

阅读量791

点赞数 1

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/Gyh9421/article/details/133089280

版权

1、首先先现在一个第三方插件print-js

npm i print-js

2、在表格页面导入print-js

import printJS from 'print-js';

3、在点击打印按钮或者触发打印的时候调用方法


printOk该方法是自定义的，用来触发打印
const printOk = () => {
  printJS({
    scanStyles: false,//是否需要使用
    printable: print.value,//获取页面表格的dom元素
    documentTitle: '测试'， //打印头部提示内容
    style: printFromClass,//自定义表格样式
    type: 'html', //打印类型html，还可以是json，image等
    // targetStyles: ['*'], //css样式，写成*代表打印样式完全继承你页面的样式
  });
};

更多的参数信息详细写法见官网

点击这里查看非官网