在主線程獲取裝置已連線的印表機列表
import
from
'electron'
const window =
newbrowserwindow()
// 監聽獲取印表機列表事件
ipcmain.on(
'getprinterlist'
, event =>
)
import
from
'electron'
export
default
else
if(item.status !==0)
else})
})}}
}
關於vue electron static可以檢視
//@page樣式是用來設定印表機列印出來的樣式，例如設定小票外邊距樣式
@page
style
>
head
>
'bd'
>
body
>
>
//引入ipcrenderer物件
const
=require
('electron'
)//監聽渲染執行緒傳過來的webview-print-render事件
ipcrenderer.on(
'webview-print-render'
,(event, deviceinfo)
=>`;
document.
getelementbyid
('bd'
).innerhtml = html;
//當插入到頁面後，通過ipcrenderer物件的sendtohost方法和渲染執行緒通訊，告訴渲染執行緒列印的內容已經準備完畢，請開始列印操作
ipcrenderer.
sendtohost
('webview-print-do');
});script
>
html
>
>
>
"print"
ref="print"
v-show
="false"
:src
="printtmelate"
nodeintegration
/>
div>
template
>
import
from
'electron'
export
default
} methods:
)// 監聽列印事件
this
.webviewprint
(webview)
.then((
)=>).
catch
(error =>)}
catch
(error)}
,// 監聽html模板傳過來的事件
webviewprint
(webview)).
then((
)=>).
catch
(error =>)}
})})
}}}
lodop 小票排版 Lodop列印小票
web列印控制項lodop 預覽 varlodop 宣告為全域性變數 function prn1 preview 批量列印相同內容可以用份數 lodop getlodop lodop.print init lodop.set print pagesize 1,300,500,lodop.set pr...
小票列印頁面
列印小票頁面，效果圖 css 及html如下 doctype html html head meta charset utf 8 meta name viewport content width device width,initial scale 1.0,user scalable no,mini...
小票列印頁面
列印小票頁面，效果圖 css 及html如下 doctype html html head meta charset utf 8 meta name viewport content width device width,initial scale 1.0,user scalable no,mini...