vue-print-nb实现打印

安装vue-print-nb
vue-print-nb npm地址

npm install vue-print-nb --save

vue2

html

<div id="printMe" style="background: red"><p>葫芦娃，葫芦娃</p><p>一根藤上七朵花</p><p>小小树藤是我家 啦啦啦啦</p><p>叮当当咚咚当当　浇不大</p><p>叮当当咚咚当当 是我家</p><p>啦啦啦啦</p><p>...</p></div><button v-print="printObj">Print local range</button>

js

export default {data() {return {printLoading: true,printObj: {id: "printMe",//popTitle: 'good print',extraCss: "https://cdn.bootcdn.net/ajax/libs/animate.css/4.1.1/animate.compat.css, https://cdn.bootcdn.net/ajax/libs/hover.css/2.3.1/css/hover-min.css",extraHead: '',beforeOpenCallback (vue) {vue.printLoading = trueconsole.log('打开之前')},openCallback (vue) {vue.printLoading = falseconsole.log('执行了打印')},closeCallback (vue) {console.log('关闭了打印工具')}}};}
}

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！