本插件基于vue-print-next 开发,支持组件式打印和指令式打印,组件式打印支持自定义页眉页脚。一、组件式1. 全局import { createApp } from "vue"; import App from "./App.vue"; import VuePrinter from "vue3-printer"; const app = createApp(App); app.use(VuePrinter); app.mount("#app");2...
(一)首先安装插件 npm install vue-print-nb --save (二)在main.js 中引入并注册 import Print from 'vue-print-nb' Vue.use(Print) (三)使用方法 代码语言:javascript 复制 打印测试 <el-button v-print="'#printTest'">打印</el-button> 假如我们想实现,在打印的时候改变样式,或者隐藏一些不需要打...
一、vue-print-nb vue-print-nb 是一个轻量级的 Vue 打印插件,支持选择性打印指定的 DOM 元素。它的主要特点包括: 易于使用:只需简单配置即可实现打印功能。 自定义样式:允许在打印时应用特定的 CSS 样式。 兼容性好:适用于大多数现代浏览器。 使用方法: 安装插件: npm install vue-print-nb 在Vue 项目中引...
1、npm install vue-print-nb --save 二、引入Vue项目 在main.js中添加-- 全局挂载 import Print from 'vue-print-nb' Vue.use(Print) 三、前端代码 一、操作项中的打印按钮 <svg-icon icon-class="printer"class="svgicon"@click="showPrinterDialog(scope.row)"/> 二、打印组件 <!-- 打印内容 -...
1、安装插件 npm install vue-print-nb --save ## yarn yarn add vue-print-nb vue3安装: npm install vue3-print-nb --save ## yarn yarn add vue3-print-nb 2、使用 直接打印页面HTML 1)方法 ① 给要打印的部分设置一个 id ② 在打印按钮中添加 v-print="'#id名'" ...
Vue-打印组件 组件代码: <el-button v-print="{id: 'print-content'}" icon="el-icon-printer">打印</el-button>//插件 vue-print-nb 示例:
vue 打印vue-print-nb 安装配置 npminstallvue-print-nb--save 1. main.js中 // 导入打印插件 importPrintfrom'vue-print-nb' Vue.use(Print); 1. 2. 3. .vue页面中使用 打印内容 <el-buttontype="primary"v-print="'printConfig'">打印</el-button> 1. 2. 3. 4. 5. data...
vue-print-nb插件 vue-print-nb是一款简单易用的Vue打印插件,它基于Vue.js 2.x开发,可以使得我们在Vue项目中轻松实现打印功能。下面是使用vue-print-nb插件的操作流程: 步骤1:安装vue-print-nb插件 可以通过npm或yarn来安装vue-print-nb插件,执行以下命令: ...
vue打印插件vue-print-nb的实现代码1.引⼊插件npm install vue-print-nb --save 在main.js中引⼊ import Print from 'vue-print-nb'Vue.use(Print)2.html代码 ⽊材检尺报告书 船名 {{ goods.shipName }} 输出国 {{ goods.exportCountry }} 树种 {{ variety }} ...
一、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葫芦娃,葫芦娃...