VUE中实现打印vue-print-nb

安装:

npm install vue-print-nb --save

main.js:

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

使用方法:

html:

打印


js:

export default {
  data() {
    return {
      printObj: {
        id: "#printMe",
        popTitle: "览析反洗钱制裁名单系统",
        extraCss: "",
        extraHead: ''
      }
    };
  }
};

css:

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

 

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

你可能感兴趣的:(前端vue技术点干货分享,vue打印)