(1)把vue-print-nb的文件夹放到自己的文件夹中,在src 下新建utils文件 里面放入src 和index.js src里面是print.js 和printarea.js index.js和print.js是自定义指令有关的,我们需要的只是printarea.js main.js里面修改成如下 代码语言:javascript 复制 //import Print from 'vue-print-nb' //import Print from...
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 网页实现打印 可以选择性的打印某一部分 的vue组件 1.引入 把print.js 下载到本地,然后放在src 下面添加文件夹里. print.js // 打印类属性、方法定义 /* eslint-disable */ const Pri
一、引入print插件 1.1、新建文件夹和js文件 在根目录src下面新建一个plugins文件夹,下面新建一个print.js文件 也可以直接npm安装插件npm install print-js --save,但直接安装的插件配置会有问题,不建议 print.js代码核心点 在Vue.prototype的原型链上面注入$print方法 $print就是你在页面中调用的方法名称 constMyP...
如何使用在Vue项目输入npm i vue-print-nb 安装后在Vue项目中进行引入 import Print from 'vue-print-nb' 先在项目中进行跑一跑 再在打印机中添加打印按钮 选择打印会覆盖整个页面 会整个打印全部页面 如果想要实现局部打印: 局部打印HTML的写法,标签写着id 局部打印的写法,这里写了局部打印的内容 点击打印就可...
vue-print-nb是一个用于打印网页内容的插件,可以将Vue组件或者HTML元素转换为PDF文档或者打印输出。它提供了丰富的配置选项,可以自定义打印的样式和布局。通过vue-print-nb,我们可以实现在Vue应用程序中生成和打印PDF文档,方便用户保存和分享内容。 4. vue-console vue-console是一个轻量级的控制台插件,可以在浏览器的...
vue打印使用插件:vue-print-nb 先创建一个vue项目,管理员打开cmd,输入命令:vue create project1。创建完成后用IDEA打开项目。 一、安装 管理员打开cmd,进入项目内,输入如下命令 vue2.x npm install vue-print-nb –save vue3.x npm install vue3-print-nb --save...
打印插件:vue-print-nb Node版本:v16.20.2 第一步、安装依赖 npm install vue-print-nb 1. 第二步、引入插件 /** * main.js / import Vue from 'vue' import Print from 'vue-print-nb' Vue.use(Print) 1. 2. 3. 4. 5. 6. 第三步、代码编写 ...
方法1.下载print.js 从官网下载print.js,将下载的print.js放入项目utils文件夹 可以全局引入即(在main.js中引入),也可以在需要的文件里面引入import Print from './utils/print' 方法2.使用npm安装print插件 安装print-jsnpm install print-js --save ...
vue-print-nb:这是一个专门为Vue框架设计的打印插件,支持局部打印和全屏打印,且配置简单,易于集成到Vue项目中。 print-js:这是一个轻量级的JavaScript库,不仅支持Vue,还适用于其他JavaScript框架。它提供了丰富的API,支持打印HTML、PDF、图片等多种类型的内容。 html2canvas + jsPDF:虽然这两个库本身不是专门为Vu...
1.引入插件 npm install vue-print-nb --save 在main.js中引入 import Print from 'vue-print-nb' Vue.use(Print) 2.html代码 木材检尺报告书船名{{ goods.shipName }}输出国{{ goods.exportCountry }}树种{{ variety }}委托方/货主{{ goods.goodsMaster }}<...