VUE中实现打印vue

VUE中实现打印vue"/>

VUE中实现打印vue

安装：

npm install vue-print-nb --save

main.js：

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

使用方法：

html:

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

js:

export default {data() {return {printObj: {id: "#printMe",popTitle: "览析反洗钱制裁名单系统",extraCss: "",extraHead: '<meta http-equiv="Content-Language"content="zh-cn"/>'}};}
};

css:

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

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