1、npm install vue-print-nb --save 二、引入Vue项目 在main.js中添加-- 全局挂载 import Print from 'vue-print-nb' Vue.use(Print) 三、前端代码 一、操作项中的打印按钮 <svg-icon icon-class="printer"class="svgicon"@click="showPrinterDialog(scope.row)"/> 二、打印组件 <!-- 打印内容 -...
npm install vue-print-nb--save 2. 导入打印插件 //main.jsimportPrintfrom'vue-print-nb'Vue.use(Print); 3. 配置参数 4. 页面使用 打印内容<el-buttonv-print="'#printDiv'">打印</el-button>或<el-buttonv-print="'printConfig'">打印</el-button>exportdefault{data(){return{printConfig:{id:...
Vue2使用vue-print-nb实现打印功Vue3使用vue3-print-nb实现打印功Vue2Vue2.0版本安装方法:npm install vue-print-nb --save// 1. 全局挂载 import Print from 'vue-print-nb' Vue.use(Print) // or // 2. 自定义指令 import print from 'vue-print-nb' directives: { print }...
参考地址https://www.npmjs.com/package/vue-print-nb 1. 第一步 npm install vue-print-nb--save 2.第二步在main.js中 importPrintfrom'vue-print-nb';Vue.use(Print); 3.第三步HTML 葫芦娃,葫芦娃一根藤上七朵花小小树藤是我家 啦啦啦啦叮当当咚咚当当 浇不大叮当当咚咚当当 是我家啦啦啦啦...Print...
import Print from 'vue-print-nb' 先在项目中进行跑一跑 再在打印机中添加打印按钮 选择打印会覆盖整个页面 会整个打印全部页面 如果想要实现局部打印: 局部打印HTML的写法,标签写着id 局部打印的写法,这里写了局部打印的内容 点击打印就可以简单实现局部打印的功能 --- 方法2,插件打印...
2.解决思路 那就把col这里的具体宽度设置成百分比就OK了。2.1首先看能不能从element 着手,但是element 的table有设置Table-column Attributes 的width属性 但是是px不是百分百。2.2既然element不行 那就从vue-print-nb 着手,首先 我们要清楚print的原理其实就是将我们要打印的id包裹的内容(其实是生成图片)放到一个...