2020-10-22

调用电脑浏览器打印功能

 <Button type="info" size="large" v-print="printObj">打印</Button>

方法一：vue-print-nb （v-print 指令）

data（）{

return{

      printObj: {

        id: "printMe", // 打印区域的DOM

        popTitle: "good print",

        extraCss: "https://www.google.com,https://www.google.com",

        extraHead: '<meta http-equiv="Content-Language"content="zh-cn"/>'    // 可以传进去 style tag 标签；注意要逗号分隔 解决特定区域不显示问题；

         }

   }

}

方法二：

 btnPrintClick(){          window.print();      }