npm install vue-print-nb --save importPrintfrom'vue-print-nb'// Global instructionVue.use(Print);//or// Local instructionimportprintfrom'vue-print-nb'directives:{print} Vue3 Version: npm install vue3-print-nb --save // Global instructionimport{createApp}from'vue'importAppfrom'./App.vue'...
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,并在需要的地方使用它。 import { defineComponent } from 'vue'; im...
npm install vue3-print-nb --save 或者 bash yarn add vue3-print-nb 2. 在Vue 3项目中引入vue3-print-nb 有两种方式可以在Vue 3项目中引入vue3-print-nb:全局引入和局部引入。 全局引入:在main.js文件中引入并使用vue3-print-nb。javascript import { createApp } from 'vue'; import App from ...
Vue3-Print-NB是一个基于Vue3的打印插件,它可以帮助开发者轻松实现页面打印和分页打印功能。下面是一个简单的示例,展示如何使用Vue3-Print-NB实现页面打印和分页打印。首先,安装Vue3-Print-NB插件。在项目根目录下运行以下命令: npm install vue3-print-nb --save 然后,在需要使用打印功能的组件中引入Vue3-Print...
这个vue3版本的打印组件,npm包使用的是打包压缩后的代码, 之前vue-print-nb里面有源码组件 不过一般的打印需求基本满足,如果需要改动源码实现功能的 也可以将vue-print-nb源码放到项目中,即print里面的代码 如: 只是要改动一下,vue3自定义指令和vue2自定义指令不太一样,将print.js中的 bind(el, binding, vnode...
npm install vue3-print-nb--save 项目中引入 // 全局引用import{ createApp }from'vue'importAppfrom'./App.vue'importPrintfrom'vue3-print-nb'constapp =createApp(App) app.use(Print) app.mount('#app')// 或者// 单组件引用importPrintfrom'vue3-print-nb'// 在自定义指令中注册directives: {Pri...
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. 自定义指令importprintfrom 'vue3-print-nb'...
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 }Vue3.0npm install vue3-print-nb --save// 1. 全局挂载 import { createApp } from 'vue' import App ...
在前端开发中,经常需要打印页面的特定部分,比如客户列表或商品详情页。要快速实现这些功能,可以使用 vue3-print-nb 插件。它通过对 DOM 元素的操作和 CSS 样式的处理,轻松实现页面内容的打印功能。 安装 当前示例以Vue3+ElementPlus为例,如果要使用vue2版本的就安装npm install vue-print-nb --save。
npm install vue3-print-nb --save 在main.js中引入 // main.js import Print from 'vue3-print-nb' Vue.use(Print) 使用vue-print-nb // 被打印的容器 这块内容将会被打印 // 打印按钮绑定 printObj <el-button v-print="printObj">打印</el-button> // 在数据data中添加 printObj...