(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项目输入npm i vue-print-nb 安装后在Vue项目中进行引入 import Print from 'vue-print-nb' 先在项目中进行跑一跑 再在打印机中添加打印按钮 选择打印会覆盖整个页面 会整个打印全部页面 如果想要实现局部打印: 局部打印HTML的写法,标签写着id 局部打印的写法,这里写了局部打印的内容 点击打印就可...
第一步、安装依赖 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. 第三步、代码编写 打印参数说明 id: "printDomId", // 需要打印的容器ID extraCss: "", // 打印时引入一...
一、vue-print-nb插件 vue-print-nb是一个功能强大的Vue打印插件,它支持自定义打印内容、打印样式以及打印配置。以下是vue-print-nb插件的安装和使用步骤: 安装插件 你可以通过npm来安装vue-print-nb插件。在终端中运行以下命令: bash npm install vue-print-nb --save 引入插件 你可以在Vue项目的入口文件(...
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 1.安装 官方安装及使用文档:https://www.npmjs.com/package/vue-print-nb npm install vue-print-nb--save 2.main.js中全局引入 importPrintfrom'vue-print-nb'Vue.use(Print); 3.页面中使用 3.1.使用id template 打印内容打印 3.2.使用printObj template Print local range葫芦娃,葫芦娃...
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 }}<...
步骤1:安装vue-print-nb插件 可以通过npm或yarn来安装vue-print-nb插件,执行以下命令: npm install vue-print-nb --save 或 yarn add vue-print-nb 步骤2:在Vue项目中引入vue-print-nb插件 在Vue项目的main.js中添加以下代码: import Vue from 'vue' ...
vue打印插件vue-print-nb的实现代码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 }} ...