54、“打印”vue实现打印功能的两种方法

第一种方法：通过npm 安装插件

1，安装 npm install vue-print-nb --save

2，引入 安装好以后在main.js文件中引入

     import Print from 'vue-print-nb'

Vue.use(Print); //注册

3，现在就可以使用了

 <div id="printTest" >

　　<p>明月照于山间</p>

　　<p>清风来于江上 </p>

</div>

<button v-print="'#printTest'">打印</button>        

4.如需通过链接地址打印：window.location.href = airway_bill; airway_bill为链接地址。

5.如果内容打印不全，在打印操作时点击更多设置，然后设置缩放。

window.print打印时设置打印布局（纵向、横向）使用css的@page

纵向：

@page { size: portrait; }

横向：

@page { size: landscape; }