(48条消息) VUE中实现打印vue

安装：

npm install vue-print-nb --save

main.js：

1. import Print from 'vue-print-nb'
2. Vue.use(Print);

使用方法：

html:

1. <el-button type="primary" v-print="printObj">打印</el-button>
2. <div id="printMe"></div>

js:

1. export default {
2. data() {
3. return {
4. printObj: {
5. id: "#printMe",
6. popTitle: "览析反洗钱制裁名单系统",
7. extraCss: "",
8. extraHead: '<meta http-equiv="Content-Language"content="zh-cn"/>'
9. }
10. };
11. }
12. };

css:

用的是css而不是less/scss，否则样式有问题

 

• id：*必填需部分打印输入的ID
• standard：文档类型，默认是HTML5，可选html5，loose，strict
• extraHead：附加到head标签的附加标签，以逗号分隔
• extraCss：附加链接连接，以逗号分隔
• popTitle：标题显示标题
• endCallback()：打印后的回调事件