<div




    
 id="printForm"></div>
<!-- 直接绑定id -->
<el-button v-print="‘#printForm’" type="primary">打印</el-button>
<!-- 或者绑定打印对象
<el-button v-print="printObj" type="primary">打印</el-button>
data(){
  return {
     printObj: {
        id: 'printForm', // 打印内容的id
        style:'@page {} @media print {}',
        extraHead: '<meta  http-equiv="Content-Language" content="zh-cn">',
纵向横向问题
在使用vue-print-nb打印时，发现打印出来的是横向，可是打印预览设置中找不到纵横向设置，printObj对象中设置style:'@page {} @media print {size: portrait;}',无效。最后在中设置
<style media="print">
  @page { size: portrait; margin: 2rem}
</style>
element-ui table表格数据无法显示完全的问题
element-table内容列缺失，解决办法：使用原生的table元素
  
分类：
 前端
 
 
   
相关推荐
 
  
        我是谁我在哪_
        Vue.js
      
 
   在vue项目中整合vue-print-nb实现打印功能
 
转载 你可以使用如下命令通过 npm 安装 vue-print-nb： 安装完成后： 在main.js中引入 Vue代码中的使用：
 
 685
 
 
        404你是不是找不到了
        Vue.js
      
 
   在vue使用vue-print-nb（不兼容IE）实现打印功能（菜鸟日记）
 
首先安装插件在main.js中引入并注册使用方法这样你就使用vue-print-nb实现了一个最简单的打印功能！快去试一试吧！！！vue-print-nb的官网地址：https://www.npmjs
 
 2105
 
 
        Lucas爱学习107550
      
 
   vue-print-nb 插件 打印时多了张空白页
 
网上搜索此处刚开始放入代码里面有生效，但是后面稍作调整 margin 后，多余的空白页又出现了，不管怎么调整都不生效。后来在 body 处添加 height: auto 解决问题。
 
 776
 
 
        悟空和大王
        Vue.js
      
 
   vue-print-nb使用问题记录
 
需求 实现局部打印 遇到的问题 背景色没有 将背景图形勾上 不要页眉页脚 页眉和页脚取消勾选 自己写的样式在打印预览中丢失 改写为内联样式 第三方组件样式丢失 要么就不使用第三方组件，要么就配置: e
 
 607
 





    
 
        Vue.js
      
 
   Vue中好用的打印组件 vue-print-nb
 
首先下载包按需引入页面并使用, 这个组件的好处是可以保留已有的样式, 不用写两套css (如果你使用的是print.js, 你是需要写两套css的)
 
 221
 
 
        sunshine_
      
 
   前端实现页面打印功能，我选择比较流行的插件 vue-print-nb
 
持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第17天，点击查看活动详情 首先注册该插件 给要打印的盒子指定 id 使用v-print指令的方式进行打印 接下来看效果吧 哈哈，可
 
 280
 
 
        一飞要上天
      
 
   vue 浏览器 打印 vue-print-nb.js
 
vue 浏览器 打印 vue-print-nb.js 本人是个后端，第一次搞前端打印功能，网上很多打印都是简单调用vue-print-nb的复制粘贴，没有详细的教程，希望对刚做打印功能的朋友们有帮助
 
 3475
 
 
        25重for循环
      
 
   vue打印表格
 
1.00000 2.00000，3.0000001.00000 2.00000，3.0000001.00000 2.00000，3.000000
 
 214
 
 
        dengjunyu
      
 
   JS打印分页 window.print()
 
主要设置两行css代码 page-``break``-before: auto; page-``break``-after: always;
 
 171
 
 
        JavaScript
      
 
   web 实现分页打印功能
 
谢谢大家的阅读，有错误之处，敬请指教。
 
 148
 
 
        南桥春雪君归处
      
 
   Vue打印页面
 
打印功能我们借助一个比较流行的插件 注册该插件 当我们全局注册了插件后，就会有一个v-print的全局自定义指令 v-print需要传入一个参数，这个参数是一个id，你想打印那个盒子里的内容，你就把这
 
 78
 
 
        阿狸要吃吃的
        Vue.js
      
 
   VUE+vue-print-nb，vue打印我踩过的坑
 
写这个需求的时候踩了太多的坑了，在此记录下辛酸史。 这个插件用法很简单，安装依赖后就可以直接使用(npm install vue-print-nb)，点击打印就会唤起打印弹框。
 
 2145
 
 
      
 
   三.Vue打印页面
 
打印功能我们借助一个比较流行的插件 注册该插件 当我们全局注册了插件后，就会有一个v-print的全局自定义指令 v-print需要传入一个参数，这个参数是一个id，你想打印那个盒子里的内容，你就把这
 
 30
 
 
          
 
 
  
 
 
友情链接：
 

        js打开tab第二个选项卡