import Print from 'vue-print-nb'; Vue.use(Print); 在组件中使用。 在需要实现打印功能的组件里,借助 `v-print` 指令达成打印目的。 基本用法。 html. 打印这个按钮。 export default { name: 'PrintExample' }; 在上述代码中,当点击按钮时,该按钮元素就会被打印出来。 打印指定区域。 若要打印特定区域...
previewPrintBtnLabel:'',// 打印预览的标题的下方按钮文本,点击可进入打印(开启预览模式后出现) zIndex:'',// 预览的窗口的z-index,默认是 20002(此值要高一些,这涉及到预览模式是否显示在最上面)previewBeforeOpenCallback(){},//预览窗口打开之前的callback(开启预览模式调用)previewOpenCallback(){},// ...
第一步、安装依赖 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 打印时,你可以按照以下步骤进行操作: 安装并引入 vue-print-nb 库 首先,你需要安装 vue-print-nb。根据你使用的 Vue 版本,安装命令可能有所不同。 对于Vue 2,使用: bash npm install vue-print-nb --save 对于Vue 3,使用: bash npm install vue3-print-nb --save 然...
步骤1:安装print-nb 首先,我们需要安装print-nb库。我们可以使用npm包管理器执行以下命令来安装: npm install print-nb --save 复制 步骤2:引入print-nb 接下来,我们需要在Vue组件中引入print-nb库。以下是一种方法: import Print from 'print-nb'; 复制 步骤3:创建打印功能 现在,我们将创建一个Vue方法来处理...
npm install vue-print-nb --save 使用 <!-- 强制分页 --> 打印的内容 打印 data() { return { printObj: {//打印 id: "printTest", popTitle: "标题", extraHead: '', openCallback (vue) {}, closeCallback (vue) {}, }, 强制分页 ...
(1)把vue-print-nb的文件夹放到自己的文件夹中,在src 下新建utils文件 里面放入src 和index.js src里面是print.js 和printarea.js index.js和print.js是自定义指令有关的,我们需要的只是printarea.js main.js里面修改成如下 代码语言:javascript 代码运行次数:0 运行 AI代码解释 //import Print from 'vue-prin...
简介: 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...
一、安装vue-print-nb 没有什么前提要求,直接安装即可,但因为Vue2.0和Vue3.0有着不同的用法,因此需要安装的版本也不同,各位看官自行取舍。 Vue2.0版本安装方法: npminstall vue-print-nb --saveyarnadd vue-print-nb Vue3.0版本安装方法: npm install vue3-print-nb --save ...
先创建一个vue项目,管理员打开cmd,输入命令:vue create project1。创建完成后用IDEA打开项目。 一、安装 管理员打开cmd,进入项目内,输入如下命令 vue2.x npm install vue-print-nb –save vue3.x npm install vue3-print-nb --save 二、在main.js文件中注册 ...