vue-print-nb 踩坑记录

没有使用过的同学 请 移步 vue-print-nb

常规使用方法不多说 先说说结合vue 打印内容不全问题

<button v-print="printObj">Print local range</button> <div id="printMe" style="background:red;"> <p>葫芦娃，葫芦娃</p> <p>一根藤上七朵花 </p> <p>小小树藤是我家 啦啦啦啦 </p> <p>叮当当咚咚当当　浇不大</p> <p> 叮当当咚咚当当 是我家</p> <p> 啦啦啦啦</p> <p>...</p> </div> export default { data() { return { printObj: { id: "printMe",//打印区域 Dom ID popTitle: '打印页面标题文字', extraCss: 'https://www.google.com,https://www.google.com', extraHead: '<meta http-equiv="Content-Language"content="zh-cn"/>,<style> #printMe { height: auto !important; } <style>' ,// 可以传进去 style tag 标签；注意要逗号分隔 解决特定区域不显示问题； } }; } }

注意到 了吧 extraHead 部分 可以传入 打印页样式 来控制；至此完美解决；

I 之前有说 改用 print.js 后解决的；其实 vue-print-nb 就像后缀 -nb 一样，还是很 牛呗！！！