前言
今最近專案中用到了列印，遇到了幾個小問題，今天就介紹下lodop的基本使用和我所遇到的問題。
正文
官網：
其中clodop_setup_for_win32nt.exe和install_lodop64.exe（或install_lodop32.exe）需要安裝，而lodopfuncs.js則引入專案中。
不過在引入lodopfuncs.js之前需要引入jquery，引入方法網上有很多，但這裡要注意，如果你的專案中沒有配置檔案webpack.base.conf，可以在main.js中寫入如下**:
window.$ = window.jquery = require('jquery')
列印模板設計
下面**中的列印配置**可根據需求更改
//列印預覽多頁獲取lodop
const lodop =getlodop();
//此處是為了當編輯過後再次編輯時保留此模板原配置，textareadata是列印模板設計後產生的的**
eval(textareadata);
//列印預覽時包含背景圖
eval(lodop.set_show_mode("bkimg_in_preview", true
))//
列印時包含背景圖
eval(lodop.set_show_mode("bkimg_print", true
))//
設定背景(此處img標籤的屬性值不可使用雙引號包裹,必須使用單引號)
eval(lodop.add_print_setup_bkimg("
"))//
顯示列印設計介面，設計完畢關閉視窗後，返回生成的程式**
lodop.print_design();
//設定列印維護視窗關閉後是否返回程式**
lodop.set_print_mode("print_setup_program", true
);if
(lodop.cversion) ;}//
列印維護
textareadata = lodop.print_setup();
//也可以預覽html**或網頁獲取lodop
const lodop =getlodop()
//當前頁
let page= 1;
//除第一頁外的其他頁去掉初始化後的**
var totalcontent = "";
//arr是儲存所有頁資料的陣列
for (var i = 0; i < arr.length; i++)
else
} else
page++;
}}//lodop傳統模板可以稱為「js語句組式模板」， 傳統模板需要js的eval方法來裝載
eval(totalcontent);
//列印預覽
lodop.preview();
this.lodop = getlodop() //遇到的問題在使用時遇到乙個奇葩問題：獲取lodop
//方法一：列印預覽html**
var strformhtml="" + this.myvalue + "";
lodop.add_print_html(0,0,"210mm","297mm",strformhtml);
//方法二：列印預覽網頁頁面
lodop.add_print_html(0,0,"100%","100%","url:");
this.lodop.preview();
在列印設計中插入文字項時左上角會同時生成乙個雙引號，且在有背景圖時才會出現。
解決：原因是我在列印設計前配置了背景圖，如下：
eval(lodop.add_print_setup_bkimg(''));
上面配置的img元素的屬性值必須使用單引號，造成上面問題的原因就是我使用了雙引號 vscode中bootstrap外掛程式的使用
1 外掛程式安裝 開啟vscode，選擇擴充套件功能 ctrl x 搜尋bootstrap 3 snippets 和bootstrap 4 snippets 2 bootstrap的提示功能 在html檔案中，輸入bs3 可以彈出提示，而且是以元件的形式彈出。比如我想要輪播圖，輸入bs3 carou...
列印外掛程式的使用
初始化列印外掛程式及屬性描述 1 畫乙個名片大小的矩形邊框 lodop.add print rect 10 55,360 220,0 1 邊框離紙張頂端10px px是絕對值長度，等於1 96英吋,下同 距左邊55px 寬360px 高220px 框為實線 0 實線 1 破折線 2 點線 3 點劃線...
關於bootstrap table 外掛程式的使用總結
這個外掛程式搗騰了好久了終於調通了，記錄一下 先引入相應的檔案 name stars forks action 以上要注意的是url是傳的json格式的資料，例如c.php為 rows array id one name two price three row array rows echo enc...