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 一样，还是很 牛呗！！！