在使用 vue-print-nb 库时,如果你希望不预览直接打印,可以通过设置相关参数来实现。以下是如何在 Vue 项目中实现这一功能的步骤: 引入vue-print-nb 库并正确配置: 首先,你需要通过 npm 或 yarn 安装 vue-print-nb 库,并在你的 Vue 项目中注册它。 bash npm install vue-print-nb --save 然后在 main...
npminstall vue-print-nb --saveyarnadd vue-print-nb Vue3.0版本安装方法: npm install vue3-print-nb --save yarn add vue3-print-nb 二、引入Vue项目 Vue2.0引入方式: 1. 全局挂载,在main.js中引入并注册 import Print from 'vue-print-nb' Vue.use(Print) 2. 自定义指令 import print from 'vue-...
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控制显隐会导致点击打印按钮生成空白--> <!--每一页的具体内容-...
id:'print-tag',//preview: true,//预览工具是否启用//previewTitle: '储能服务费结算单',//预览页面的标题popTitle: '通知单',//打印页面的页眉extraCss: "https://cdn.bootcdn.net/ajax/libs/animate.css/4.1.1/animate.compat.css, https://cdn.bootcdn.net/ajax/libs/hover.css/2.3.1/css/hover-...
previewPrintBtnLabel: "", // 打印预览的标题的下方按钮文本,点击可进入打印(开启预览模式后出现) zIndex: "", // 预览的窗口的z-index,默认是 20002(此值要高一些,这涉及到预览模式是否显示在最上面) previewBeforeOpenCallback() {}, // 预览窗口打开之前的callback(开启预览模式调用) ...
1、安装vue-print-nb依赖 (1)vue2安装方式 npm install vue-print-nb--save (2)vue3安装方式 npm install vue3-print-nb--save 2、在main.js中全局注册 (1)vue2注册方式 importPrintfrom'vue-print-nb'Vue.use(Print) (2)vue3注册方式 import{createApp}from'vue'importAppfrom'./App.vue'importprint...
一、安装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...
在网上找了一个打印组件vue-print-nb 本博客源码:https://github.com/shengbid/vue-print,这里面只放了打印组件的代码,只需要这个功能的下载这个 https://github.com/shengbid/vue-demo这个项目里平时博客写的一些功能的代码都放在里面,有需要可以下载看看,有帮助的话点个star哈 ...
1、将vue项目node-modules中的vue-print-nb/print文件夹下的所有内容拷贝出来，放到项目中。我这里是放到了src/assets/vue-print-nb目录下。2、修改拷贝的源码printarea.js中getBody()返回的。添加样式：style="height:auto"。3、修改main.js中的引用。解决。遗留问题：打印预览的最底部出现空白页，一般是由于margi...
看文档:vue-print-nb export default { data() { return { printLoading: true, printObj: { id: "printMe", preview: true, previewTitle: 'print Title', // The title of the preview window. The default is 打印预览 popTitle: 'good print', extraCss: "https://cdn.bootcdn.net/ajax/libs/...