(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-print-nb 没有什么前提要求,直接安装即可,但因为Vue2.0和Vue3.0有着不同的用法,因此需要安装的版本也不同,各位看官自行取舍。 Vue2.0版本安装方法: npm install vue-print-nb --save yarn add vue-print-nb Vue3.0版本安装方法: npm install vue3-print-nb --save yarn add vue3-print-nb 二...
vue-print-nb 是一个基于 Vue.js 的轻量级打印插件,它允许开发者在 Vue 应用中轻松实现页面或组件的打印功能。这个插件不依赖于其他库,并且支持在多个浏览器和环境中使用。 2. vue-print-nb 的主要功能 局部打印:可以只打印页面中的某个部分或某个组件。 多种格式:支持打印多种格式的内容,如文本、图片、表格...
步骤1:安装print-nb 首先,我们需要安装print-nb库。我们可以使用npm包管理器执行以下命令来安装: npm install print-nb --save 步骤2:引入print-nb 接下来,我们需要在Vue组件中引入print-nb库。以下是一种方法: import Print from 'print-nb'; 步骤3:创建打印功能 现
简介: vue 打印vue-print-nb 安装配置 npm install vue-print-nb --save main.js中 // 导入打印插件 import Print from 'vue-print-nb' Vue.use(Print); .vue页面中使用 打印内容 <el-button type="primary" v-print="'printConfig'">打印</el-button> data中定义变量 printConfig:{ id:'print...
在main.js中引入(之前在main.js中引入的vue-print-nb可以去掉了) 修改代码,添加beforeEntryIframe钩子 new e({ ids: r, vue: s, url: i.value.url, standard: '', extraHead: i.value.extraHead, extraCss: i.value.extraCss, zIndex: i.value.zIndex || 20002, ...
1、安装vue-print-nb依赖 (1)vue2安装方式 (2)vue3安装方式 2、在main.js中全局注册 (1)vue2注册方式 (2)vue3注册方式 3、基础...
1、安装vue-print-nb插件 npm install vue-print-nb --save 2、main.js中引用 import Print from 'vue-print-nb' Vue.use(Print) //注册 3、页面源码(复制粘贴即可) <template> 立即打印 <!-- 这句话很重要,如果通过display:none控制显隐会导致点击打印...
打印插件: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.安装依赖yarn add vue-print-nb(npm install vue-print-nb --save) 2.页面引入 import Print from 'vue-print-nb' Vue.use(Print); //注册 import Vue from '