一、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葫芦娃,葫芦娃...
一、安装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 二...
//main.js import Print from 'vue-print-nb' Vue.use(Print); 3. 配置参数 4. 页面使用 打印内容 <el-button v-print="'#printDiv'">打印</el-button> 或<el-button v-print="'printConfig'">打印</el-button> export default { data() { return { printConfig:{ id:'printPage', //被打印...
简介: 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 本博客源码:https://github.com/shengbid/vue-print,这里面只放了打印组件的代码,只需要这个功能的下载这个 https://github.com/shengbid/vue-demo这个项目里平时博客写的一些功能的代码都放在里面,有需要可以下载看看,有帮助的话点个star哈 ...
一、安装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...
这个是介绍的vue3-print-nb插件的视频,简单的打印功能可以简单实现代码不放了,看视频抄代码吧,嗯呢 很刺激,太长了,懒得剪了,虽然短版也没剪, 视频播放量 2041、弹幕量 2、点赞数 12、投硬币枚数 6、收藏人数 22、转发人数 4, 视频作者 铁憨憨的小小白, 作者简介 雨,
npm官方: https://www.npmjs.com/package/vue-print-nb 安装 V2版本 npm install vue-print-nb --save 1. V3版本 npm install vue3-print-nb --save 1. 引入 V2版本 main.js import Print from 'vue-print-nb' // Global instruction ...
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 'vue' 3.页面内容 <!-- 打印模板 --> //必须加id 采购订单 日期姓名
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...