Print.js 可以直接npm下载安装依赖或者直接下载源码放到项目中直接调用,代码量不大,所以本人选择下载到项目...
可以全局引入即(在main.js中引入),也可以在需要的文件里面引入import Print from 'print-js' 三、使用-“html”类型 在表单页面中调用打印方法 <template><el-form:ref="formRef":model="form":rules="validateRules">...</el-form><el-buttontype="info"@click="handlePrint(printData)">打印</el-butto...
1.新建plugins文件夹,文件夹下面新建print,新建Print.js 源码地址(https://github.com/xyl66/vuePlugs_printjs) // 打印类属性、方法定义 /* eslint-disable */ const Print = function (dom,
【1】安装插件 【2】在需要打印的页面导入 【3】在vue文件中需要打印的部分外层套一层div,给div设置id。作为打印的区域 【4】在打印按钮上添加打印事件 【5】在methods中添加点击事件 三、完整代码 一、实现效果 二、实现步骤 print.js插件,可以打印html、pdf、json数据等。 官网:https://printjs.crabbly.com/...
使用print-js 在需要打印的页面对应文件中引入print-js importprintJSfrom'print-js' AI代码助手复制代码 实现打印功能 需要打印的内容 需要把表格打印出来,在表格外套一个div,并给一个id值。 <el-tablesize="mini" :key="num" id="mytable" :header-cell-:span-method="arraySpanMethod...
https://blog.csdn.net/cccdf_jjj/article/details/99563682 插件vue-print-nb实现前端打印当前页面功能 https://blog.csdn.net/weixin_43606809/article/details/106331269?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_title-3&spm=1001.2101.3001.4242...
"vue": "^2.5.2", "vue-router": "^3.0.1", "vuex": "^3.1.2", "xlsx": "^0.17.0", "xlsx-style": "^0.8.13" }, 使用print-js 在需要打印的页面对应文件中引入print-js 1 import printJS from 'print-js' 实现打印功能 需要打印的内容 需要把表格打印出来,在表格外套一个div,并给一个id...
"vue": "^2.5.2", "vue-router": "^3.0.1", "vuex": "^3.1.2", "xlsx": "^0.17.0", "xlsx-style": "^0.8.13" }, 使用print-js 在需要打印的页面对应文件中引入print-js import printJS from 'print-js' 实现打印功能 需要打印的内容 ...