修正错误

Author: ex_likx5

lib/print.common.js

@@ -1,6 +1,6 @@
 {
   "name": "vue-print-nb",
-  "version": "1.7.2",
+  "version": "1.7.3",
   "description": "Vue plug-in, print! Good!",
   "main": "lib/print.umd.min.js",
   "author": "Power-kxLee",

lib/print.common.js.map

@@ -2,7 +2,7 @@
  * @Author: lee
  * @Date: 2021-05-10 11:45:50
  * @LastEditors: lee
- * @LastEditTime: 2021-05-14 10:29:32
+ * @LastEditTime: 2021-05-14 10:46:44
  * @Description: file content
  */
 import Print from './printarea.js';
@@ -11,12 +11,21 @@ import Print from './printarea.js';
  * 指令`v-print`,默认打印整个窗口
  * 传入参数`v-print="'#id'"` , 参数为需要打印局部的盒子标识.
  */
+const addEvent = (element, type, callback) => {
+  if (element.addEventListener) {
+    element.addEventListener(type, callback, false);
+  } else if (element.attachEvent) {
+    element.attachEvent('on' + type, callback);
+  } else {
+    element['on' + type] = callback;
+  }
+}
 export default {
   directiveName: 'print',
   bind (el, binding, vnode) {
     let vue = vnode.context;
     let id = '';
-    el.addEventListener('click', () => {
+    addEvent(el, 'click', () => {
       vue.$nextTick(() => {
         if (typeof binding.value === 'string') {
           // 全局打印
@@ -33,8 +42,8 @@ export default {
         }
         localPrint();
       });
+    })
 
-    });
     const localPrint = () => {
       new Print({
         ids: id, // * 局部打印必传入id
@@ -44,9 +53,9 @@ export default {
         extraHead: binding.value.extraHead, // 附加在head标签上的额外标签,使用逗号分隔
         extraCss: binding.value.extraCss, // 额外的css连接，多个逗号分开
         previewTitle: binding.value.previewTitle || '打印预览', // 打印预览的标题
+        zIndex: binding.value.zIndex || 20002, // 预览窗口的z-index
         previewPrintBtnLabel: binding.value.previewPrintBtnLabel || '打印', // 打印预览的标题
         popTitle: binding.value.popTitle, // title的标题
-        zIndex: binding.value.zIndex || 20002, // 预览窗口的z-index
         preview: binding.value.preview || false, // 是否启动预览模式
         asyncUrl: binding.value.asyncUrl,
         previewBeforeOpenCallback () { // 预览窗口打开之前的callback

lib/print.umd.js

@@ -296,7 +296,8 @@ export default class {
     }
     let previewContent = document.createElement('div');
     previewContent.setAttribute('id', "vue-pirnt-nb-previewBox")
-    previewContent.setAttribute(`style', 'position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;background: white;display:none;z-index: ${this.settings.zIndex};`)
+    previewContent.setAttribute('style', 'position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;background: white;display:none')
+    previewContent.style.zIndex = this.settings.zIndex
     // 打印预览弹窗的header
     let previewHeader = document.createElement('div');
     previewHeader.setAttribute('class', "previewHeader")

lib/print.umd.js.map

@@ -64,7 +64,7 @@ export default {
       printLoading: false,
 
       printUrl: {
-        url: 'http://localhost:8080/ ',
+        // url: 'http://localhost:8080/ ',
         preview: true,
         previewTitle: 'Test Title',
         previewPrintBtnLabel: 'Print',