vue打印功能vue-print-nb

开始

安装依赖：npm install vue-print-nb --save

在main.js中引入

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

要打印的内容用 id="printMe"包起来

  <!-- 打印 --><div id="printMe"><ve-histogramstyle="margin:auto":data="chartDataStatisticsSectionWarning":legend="thereDataSetting.legend":extend="thereDataSetting.extend":settings="thereDataSetting"height="300px"width="100%":colors="thereDataSetting.userColor"></ve-histogram></div>

给打印的按钮加上v-print="printObj"

<a-button type="primary" v-print="printObj" class="print">打印</a-button>

然后在returnl里定义

return {// 打印小票printObj: {id: 'printMe', // 这里是要打印元素的IDpopTitle: '&nbsp', // 打印的标题extraCss: '', // 打印可引入外部的一个 css 文件extraHead: '' // 打印头部文字},
}

vue打印功能vue-print-nb相关推荐

打印功能window.print()
打印功能window.print() 1. window.print()打印其实打印的是整个当前网页 2. 3. 样式问题如果使用less,scss 是不会生效的只能使用css语言格式, 就是不能 ...
不太常用，但万一用到一定要会的vue打印功能
打印功能的实现离不开 vue-print-nb 包 import print from 'vue-print-nb' 导入之后注册自定义指令 directives: {print,}, 注册完毕后, ...
前端打印功能css print
下面是关于前端打印功能的几种整理,大家有什么好的方法,还望提出...先谢谢啦第一种:jquery有个打印功能的API(PrintArea) 不过这个特别要注意一个就是打印出新空白,查看源码,在源码中 ...
vue 打印功能调用原生print，带（去掉页眉页脚）分页打印
安装 vue-print-nb插件 npm install vue-print-nb --save 安装完成后在页面引入 import Print from 'vue-print-nb' </ ...
vue打印功能手持终端打印小票，电脑连接打印机打印预览
最近的项目有手持终端打印小票和电脑连接诶打印机打印信息方法有很多种的: 一. vue-print-nb 安装插件 1.安装插件 npm install vue-print-nb --save 2. ...
Vue -print - nb 打印插件使用详解以及连打操作
Vue -print - nb 打印插件 #安装 npm install vue-print-nb --save #在main.js 全局引用 import Print from 'vue-print ...
vue使用print.js实现打印功能，以及添加打印机
print.js 一个javascript库,可以实现打印功能 github地址 github地址: https://github.com/crabbly/print.js 官网地址 https:// ...
【vue】实现打印功能
文章目录一.vue-print-nb [1]安装 [2]引用 [3]API [4]示例代码 [5]vue-print-nb插件的一些优化 [6]注意事项: 二.print.js :解决了无法打印本地 ...
vue实现打印功能的两种方法/web打印控件
第一种方法:通过npm 安装插件 1,安装 npm install vue-print-nb --save 2,引入安装好以后在main.js文件中引入 1 2 import Print fro ...

vue打印功能vue-print-nb

vue打印功能vue-print-nb相关推荐

最新文章

热门文章