npm install vue-print-nb--save main.js中全局引入 importPrintfrom'vue-print-nb'Vue.use(Print); 页面中使用 3.1使用ref 打印内容打印3.2使用id 打印内容非打印内容 方法1:添加no-print样式类非打印内容 方法2:自定义类名打印print(){this.$print(this.$refs.print,{'no-print':'.className'}); }3.3...
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...
如果vue-print-nb库本身没有提供解决方案,你可以通过CSS或JavaScript来自定义打印样式,以隐藏或处理滚动条。以下是一个使用CSS隐藏滚动条的示例: css @media print { /* 隐藏所有滚动条 */ body { overflow: hidden !important; } /* 如果需要更精确地控制,可以针对特定元素隐藏滚动条 */ .no-scrollbar { o...
方法1. 添加no-print样式类 不要打印我 方法2. 自定义类名 不要打印我 this.$print(this.$refs.print,{'no-print':'.do-not-print-me-xxx'}) // 使用 vue-print-nb 打印table,数据很多,打印不全问题 使用vue-print-nb 打印table,数据是后端接口返回的动态数据, 当时数据很多时,打印预览的表格还是只有...
npm install vue-print-nb--save main.js中全局引入 importPrintfrom'vue-print-nb'Vue.use(Print); 页面中使用 3.1使用ref 打印内容打印3.2使用id 打印内容非打印内容 方法1:添加no-print样式类非打印内容 方法2:自定义类名打印print(){this.$print(this.$refs.print,{'no-print':'.className'}); }3.3...