推荐 VuePlugs_printJS：优雅的前端打印解决方案
// 引入print.js
import printJS from 'print-js';
// 定义全局方法
Vue.prototype.$print = printJS;
// 使用方法
export default {
methods: {
printContent() {
this.$print({
printable: 'printable-element-id', // 需要打印的DOM元素的ID
type: 'html', // 打印内容的类型，可以是 'html', 'json', 'pdf' 等
targetStyles: ['*'] // 打印时包含的CSS样式，默认全部包含
});
}
}
}这段代码展示了如何在Vue项目中引入print-js库，并定义了一个全局方法，使得在任何组件内都可以调用打印功能。printContent方法通过this.$print调用打印功能，指定了需要打印的DOM元素的ID和其他打印选项。
评论已关闭