如何使用在Vue项目输入npm i vue-print-nb 安装后在Vue项目中进行引入 import Print from 'vue-print-nb' 先在项目中进行跑一跑 再在打印机中添加打印按钮 选择打印会覆盖整个页面 会整个打印全部页面 如果想要实现局部打印: 局部打印HTML的写法,标签写着id 局部打印的写法,这里写了局部打印的内容 点击打印就可...
一、异步路径打印 动态请求api打印方式 1.安装依赖:npm install vue-print-nb --save 2.在main.js中引入 importPrintfrom'vue-print-nb'Vue.use(Print) 3.vue template 部分 v-print="print" <el-button v-print="print"class="m-px-l-16">打印申请表</el-button> 4.vue script data 部分 data(){...
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 1.安装 官方安装及使用文档:https://www.npmjs.com/package/vue-print-nb 2.main.js中全局引入...
(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...
一、安装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...
Vue2使用vue-print-nb实现打印功Vue3使用vue3-print-nb实现打印功Vue2Vue2.0版本安装方法:npm install vue-print-nb --save// 1. 全局挂载 import Print from 'vue-print-nb' Vue.use(Print) // or // 2. 自定义指令 import print from 'vue-print-nb' directives: { print }...
一、安装vue-print-nb 没有什么前提要求,直接安装即可,但因为Vue2.0和Vue3.0有着不同的用法,因此需要安装的版本也不同,各位看官自行取舍。Vue2.0版本安装方法:npm install vue-print-nb --save yarn add vue-…
Vue结合vue-print-nb实现打印功能安装 npm install vue-print-nb --save main.js中全局引⼊ import Print from 'vue-print-nb'Vue.use(Print)页⾯中使⽤ 打印内容 <Button type="info" v-print="printObj"class="btn-no">打印</Button> export default { name: "printInfo",data() { ret...
print() { //使用vue-print-nb插件打印需要打印的DOM节点 this.printJS({ printable: this.$el.getElementsByClassName('print-content')[0], //选择需要打印的DOM节点 type: 'html', }); }, }, ... } ``` 这样,你就可以使用Vue和vue-print-nb来进行部分打印表格的操作了。当你点击"打印表格"按钮...