WishMeLz

生活其实很有趣

Vue打印

在vue中使用浏览器的打印功能

npm install vue-print-nb

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

 第一种:  
 <div id="printTest" >
     <h1>WISHMELZZZZ</h1>
 </div>
<button v-print="'#printTest'">打印</button>


第二种:
<button v-print="printObj">Print local range</button>

printObj: {
        id: 'printTest',   //范围的ID
        popTitle: 'good print',   //打印标题
        extraCss: 'https://www.google.com,https://www.google.com',
        extraHead: '<meta http-equiv="Content-Language"content="zh-cn"/>'
      }

注意:id,和v-print后面绑定的值,如果为空则打印整个页面

在Safari中需要使用第二种方法

https://printjs.crabbly.com/