vue 3 打印 print-js】的更多相关文章

不管怎么设置打印部分的 margin和height 仍会在预览时多出一张空白页?求各位大佬遇到过的请留言谢谢!…
//打印开始// strPrintName 打印任务名// printDatagrid 要打印的datagridfunction CreateFormPage(ctx,strPrintName, printDatagrid) { var tableString = '<div align="center"><table cellspacing="0" class="pb">'; var frozenColumns = pr…
最近这段时间,用VUE写东西,有个打印功能. 百度了一下,铺天盖地的VUE打印的两种实现方法. 很感激这些千篇一律的帖子,虽然不知道他们是否真的用过,还是只是复制粘贴. 至少这些帖子告诉我,是有两个可以选择的,并且多看几篇帖子,总算把这两个打印方法,都试了一遍. 下面简单总结一下: 先说结论:请使用第二种方法,下载print.js到本地,然后放到项目中导入.原因后边说. 一.使用vue-print-nb方法 具体的使用这里就不详细说明了,因为网上真的太多太多了.千篇一律的. 在本地直接npm安装…
在前端开发中,想打印当前网页的指定区域内容,或将网页导出为多页的PDF,可以借助print.js实现,该插件轻量.简单.手动引入.不依赖其他库.示范项目github:https://github.com/lemoncool/print-demo.效果如图: 关于print.js 功能:网页打印插件,支持打印或不打印指定区域,并且它还支持将网页导出为pdf.前提是可以接受该交互效果. 已实现: 原生js书写 不依赖其他库可指定打印(或不打印)的区域 支持定制css,内联.外联均可 支持select…
第一种方法:通过npm 安装插件 1,安装  npm install vue-print-nb --save 2,引入  安装好以后在main.js文件中引入 import Print from 'vue-print-nb' Vue.use(Print);  //注册 3,现在就可以使用了 <div id="printTest" > <p>明月照于山间</p> <p>清风来于江上 </p> </div> <b…
安装方式有如下几种. 1.最常用的安装方式. # 进入atom插件文件夹 cd ~/.atom/packages/ # git clone 插件源文件 git clone https://github.com/AtomLinter/linter-eslint # 进入linter-eslint插件文件夹 cd linter-eslint # 安装插件 npm install 2.本地安装 npm i --save-dev eslint [eslint-plugins] 3.全局安装 npm i…
当我们需要和后台分离部署的时候,必须配置config/index.js: 用vue-cli 自动构建的目录里面  (环境变量及其基本变量的配置) var path = require('path') module.exports = { build: { index: path.resolve(__dirname, 'dist/index.html'), assetsRoot: path.resolve(__dirname, 'dist'), assetsSubDirectory: 'stati…
Vue在单独引入js文件中使用ElementUI的组件 问题场景: 我想在vue中的js文件中使用elementUI中的组件,因为我在main.js中引入了element包和它的css,并挂载到了全局vue实例中.然后我就在js文件中这样使用 this.$notify({ title: "失败", message: "请先登录老铁~", type: "error" }); 结果报错了,报错信息如下 TypeError: _this.$notify…
解决VSCode中使用vetur插件格式化vue文件时,js代码会自动加上冒号和分号 在设置中把"vetur.format.defaultFormatter.js": "prettier", 改为 "vetur.format.defaultFormatter.js": "vscode-typescript"…
npm install --save print-js import Print from 'print-js' 调用print.js插件 Print({ printable: 'printJS-form', type: 'html', // 继承原来的所有样式 targetStyles: ['*'] })…