1.在src下新建文件夹plugs,将下载好的print.js放入plugs文件夹下,然后操作如下 import Print from '@/plugs/print' Vue.use(Print) // 注册 <template> 打印内容 不要打印我 </template> this.$print(this.$refs.print) // 使用 1 2 3 4 5 6 7 8 9 2.注意事项 需使用ref获取dom节点,若直接通...
let name=val.originalName;if(name !=null){//原案件名称/编号this.printData.original =val.originalName+"/"+val.originalCode//原单位this.printData.orgName =this.getDeptName(val.originalOrg)//流转去向this.printData.targetOrg =this.getDeptName(val.orgUuid)//案件名称/编号this.printData.caseInfo...
一、安装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 yarn add vue3-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方法来处理...
安装npm install vue-print-nb --save 在main.js文件中注册 import Print from 'vue-print-nb' Vue.use(Print); 页面中使用,给需要打印的容器加一个id,打印按钮传入这个id html: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 ...
一、安装vue3-print-nb npm install vue3-print-nb--save yarn add vue3-print-nb 1. 2. 二、引入Vue项目 // 1. 全局挂载import{createApp}from'vue'importAppfrom './App.vue'importprintfrom 'vue3-print-nb'constapp=createApp(App)app.use(print)app.mount('#app')// 2. 自定义指令importprin...
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 有两种打印模式 目前好像只知道支持(图片、后缀名为pdf)的格式文件 一、异步路径打印 动态请求api打印方式 1.安装依赖:npm install vue-print-nb --save 2.在main.js中引入 importPrintfrom'vue-print-nb'Vue.use(Print) 3.vue template 部分 v-print="print" ...
1. 安装 vue3-print-nb 首先,确保你已经安装了vue3-print-nb包。你可以通过 npm 或 yarn 安装它: npm install vue3-print-nb 1. 或者 yarn add vue3-print-nb 1. 2. 在 Vue 项目中导入并使用 在Vue 组件中,导入vue3-print-nb,并在需要的地方使用它。
1、将vue项目node-modules中的vue-print-nb/print文件夹下的所有内容拷贝出来，放到项目中。我这里是放到了src/assets/vue-print-nb目录下。2、修改拷贝的源码printarea.js中getBody()返回的。添加样式：style="height:auto"。3、修改main.js中的引用。解决。遗留问题：打印预览的最底部出现空白页，一般是由于margi...