關於Lodop列印控制元件
摘要：
Vue專案中開發Lodop列印控制元件操作筆記。
1、進入官網下載控制元件，然後安裝。
1 http://www.lodop.net/
2、安裝包裡面有LodopFuncs.js，推薦使用官方js，網上也有很多，這裡就不細說了。
3、引用控制元件LodopFuncs.js到...
Vue專案中開發Lodop列印控制元件操作筆記。
1、進入官網下載控制元件，然後安裝。
1 http://www.lodop.net/
2、安裝包裡面有LodopFuncs.js，推薦使用官方js，網上也有很多，這裡就不細說了。
3、引用控制元件LodopFuncs.js到專案中，然後object引入控制元件物件。
<script type="text/label" src="./src/assets/print/LodopFuncs.js"></script> <objectid="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width=0 height=0 style="display: none"> <embed id="LODOP_EM" type="application/x-print-lodop" width=0 height=0 /> </object>
4、簡單實現個列印功能，只需四步。
1、初始化列印頁面
LODOP.PRINT_INIT('頁面列印')
2、第一個引數控制縱向：1、橫向：2，第二、三個引數是紙張寬高，最後一個是紙張型別。
LODOP.SET_PRINT_PAGESIZE(1, 270, 210, 'A4') // 紙張型別
3、簡單寫個頁首。前四個引數是距離列印頁面上左寬高，最後一個是內容。這裡寫個動態變數，前面是個引數都可以動態控制。
LODOP.ADD_PRINT_TEXT('10', '0%', '100%', '40', name) // 標題名字及寬高距離
4、呼叫列印預覽方法。到這一步就可以列印預覽看到你設定的列印頁面了。
LODOP.PREVIEW() // 列印
下面說點其他的列印小功能
條形碼轉換：
LODOP.ADD_PRINT_BARCODE(5, 65, 130, 30, '128Auto', cId)
// 前四個：上左寬高，第五個引數條形碼型別，官網給出多種，我這裡選了其中一條。
LODOP.SET_PRINT_STYLEA(0, 'ItemType', 1)
// 第一個引數預設0就好，第二個是顯示方式，對應第三個引數，第三個引數為1，每頁顯示，2是當前。
如果第二個引數改為PageIndex，最後一個引數改為last,只在最後一頁顯示。
這個控制元件功能特別的多，到這裡已經把你引進門了，下面你就可以看官網實踐去了。避免了一定的坑。暫時發這些，不懂得可以留言。