在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中需要使用第二种方法