开发者社区> 问答> 正文

vue搭建的后台管理系统如何实现局部打印(window.print)

vue 搭建的后台管理系统,打印某个表格 或者 文件,打印预览的效果是这个样子

image.png

我想实现的是打印某个表格 或者 某个文件 单单就是打印某个部分 比如这样

image.png

找了好几个方法 都不是很好,想到了几个解决方法 但是也有问题 请教大家一些思路

把页面当前不需要打印的内容全部隐藏掉,但是 侧边导航 还有顶部导航 是在layout.vue里面引入的组件(配置过vue后台路由的都知道)那些组件不知道要怎么隐藏 而且如果页面内容多的话 要隐藏的内容很多 调到新页面 在新页面把要打印的东西渲染出来,然后把数据传递过来进行打印,但是这样的话 需要写很多打印页面的路由,感觉耗费资源 局部打印(目前网上找了不少实例)但都不是能很好的实现 主要打印的内容 条形码 以及 表格 等等

展开
收起
问问小秘 2020-01-09 17:56:59 2537 0
1 条回答
写回答
取消 提交回答
  • 我在项目中用到的是这个 vue-print-nb 需要打印的内容在dialog中显示,表格的话用原始的table标签配合CSS样式不用组件,效果还行

    2020-01-09 18:05:35
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
Vue.js 在前端服务化上的探索与实践 立即下载
Vue.js在前端服务化上的实践与探索 立即下载
利用编译将 Vue 组件转成 React 组件 立即下载