vue2 使用print.js实现打印功能
warning:
这篇文章距离上次修改已过288天，其中的内容可能已经有所变动。
在Vue 2项目中使用print.js实现打印功能，首先需要安装print.js库：
npm install print-js --save然后在Vue组件中引入并使用print.js：
// 引入print.js
import printJS from 'print-js';
export default {
methods: {
printContent() {
// 指定要打印的内容，可以是一个选择器或者一个对象
printJS({ printable: 'printable-element', type: 'html', scanStyles: false });
}
}
}在HTML模板中，需要有一个要打印的元素，并绑定一个点击事件来触发打印功能：
<template>
<div>
<div id="printable-element">
<!-- 这里是你想要打印的内容 -->
</div>
<button @click="printContent">打印</button>
</div>
</template>确保在Vue实例中正确引入了print.js，并且在#printable-element元素中包含了需要打印的内容。点击按钮后，printContent方法会被调用，并触发打印操作。
评论已关闭