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> 假如我们想实现,在打印的时候改变样式,或者隐藏一些不需要打印的元素,直接使用...
import { createApp }from'vue'import Appfrom'./App.vue'import print from 'vue3-print-nb'constapp =createApp(App)app.use(print)app.mount('#app') 三、使用 修改About.vue文件如下: 页面中使用,给需要打印的容器加一个id,打印按钮传入这个id <template> 葫芦娃,葫芦娃 一根藤上七朵花 小小树藤...
第一个问题:点击打印后,打印的内容是一片空白 vue-print-nb的原理大概是在你的页面上创建一个iframe,然后把你要打印的那一个div抓出来给iframe。 如上图所示,最后把iframe添加到body中; 当我们点击‘打印’的时候,其实就是调用iframe的print()方法,这样浏览器就自动弹出iframe打印的窗口了; 但问题是,当我点击打...
Element-UI el-table 表格一个功能是单击某行,这一行的状态变为可以编辑,用的v-if进行的切换,但是在旧版分支这个功能是好的,新版分支就没反应了,代码如下: 1 回答5.2k 阅读✓ 已解决 vite项目如何导入.pem公钥更规范? vue3+vite的前端项目,需要使用公钥加密提交的参数,目前.pem文件存放在publicDir,通过fetch...
vue-print-nb的原理⼤概是在你的页⾯上创建⼀个iframe，然后把你要打印的那⼀个div抓出来给iframe。如上图所⽰，最后把iframe添加到body中；当我们点击‘打印’的时候，其实就是调⽤iframe的print()⽅法，这样浏览器就⾃动弹出iframe打印的窗⼝了；但问题是，当我点击打印后，打印的内容是⼀⽚...