vue列印功能

2021-09-25 20:21:14 字數 973 閱讀 5441

在main.js中引入

import print from'@/plugs/print'

vue.use(print)// 註冊

vue元件中

列印內容

不要列印我

注意事項 需使用ref獲取dom節點,若直接通過id或class獲取則webpack打包部署後列印內容為空

指定不列印區域

方法1. 新增no-print樣式類?

不要列印我

方法2. 自定義類名?

不要列印我

this.$print(this.$refs.print,)// 使用

提示,github上有乙個錯誤如下,避免踩坑,($ref 會報錯,print undefind ;  改為 $refs 就好了)

執行方法:this.$print(this.$refs.print) 

實際**:

style="background:red;">

葫蘆娃,葫蘆娃

一根藤上七朵花

小小樹藤是我家 啦啦啦啦

叮噹當咚咚噹噹 澆不大

叮噹當咚咚噹噹 是我家

啦啦啦啦

print local range

vue 列印功能

html 工單編號 列印js print else if this.formdata.bd.end 1 this.formdata.bd.begin 1 this.formdata.bd.len 1 else if this.formdata.bd.end 1 this.formdata.bd.be...

條碼列印功能

系統是基於b s架構的,系統裡面有乙個功能就是條碼列印,本人是新手沒有做過條碼列印。所以我在google上找到了乙個方法是生成條碼的 這樣是可以生成條碼的但是,列印出來條碼槍是掃不到了,原因是條碼的生成是有一定的規則的,條碼也分很多種。這種方法不可以。下來我看到有人說 條碼其實就是一種特殊的字型 我...

DEV 列印功能

dev13.1 用的是documentviewer,上面的一排按鈕,是自動生成的,生成方法為 加了documentviewer後,控制項右上角有個小三角,點一下,在彈出框中選擇 create standand 就可以生成那一排按鈕。form與report繫結繫結 在form1的load事件中寫 xt...