vue打印插件vue-print-nb的实现代码

1.引入插件npm install vue-print-nb --save

在main.js中引入

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

2.html代码

    

      

        

          
木材检尺报告书
        
        

          
船名
          
{{ goods.shipName }}
          
输出国
          
{{ goods.exportCountry }}
        
        

          
树种
          
{{ variety }}
          
委托方/货主
          
{{ goods.goodsMaster }}
        
        

          
申报材积
          
{{ goods.declareWoodVolume }}立方米
          
申报数量
          
{{ goods.declareNumber }}根
        
        

          
存放地点
          
{{ goods.goodsYard }}
          
卸毕时间
          
{{ goods.unloadTime.substring(0,10) }}
          

        
        

          
检验标准
          
GB/T 144-2013 国家标准
        
        

          
检验结果
        
      
      

        

          
垛位号
          
长度
          
已检整木
          
材积
          
断木
          
未检整木
        
        

          
{{ item.placeNumber }}
          
{{ item.placeLength }}
          
{{ item.zs }}
          
{{ item.woodVolume }}
          
{{ item.damagedWood }}
          
{{ item.notCheckWood }}
        
        

          
合计
          

          
{{ zsAll }}
          
{{ woodVolumeAll }}
          
{{ damagedWoodAll }}
          
{{ notCheckWoodAll }}
        
      
    
    
      打印
    
  

3.js代码

4.样式