vue 自定義列印屬性外掛程式

2022-06-22 03:42:14 字數 1327 閱讀 2646

首先定義乙個js 公共檔案,然後加在vue 的原型上。

const print = function

(dom, options) , options);

if ((typeof dom) === "string")

else

this

.init();

};print.prototype =,

extend:

function

(obj, obj2)

return

obj;

},getstyle:

function

() str += "";

str += "";

return

str;

},gethtml:

function

()

else

} else

if (inputs[k].type == "text")

else

}for (var k2 = 0; k2 < textareas.length; k2++)

}for (var k3 = 0; k3 < selects.length; k3++)

else}}

}}

return

this

.dom.outerhtml;

},writeiframe:

function

(content) , 100)}},

toprint:

function

(framewindow)

} catch

(e)

framewindow.close();

}, 10);

} catch

(err)

},isdom: (

typeof htmlelement === 'object') ?

function

(obj) :

function

(obj)

};const myplugin ={}

myplugin.install = function

(vue, options)

export

default myplugin

在需要列印功能的頁面裡 定義需要列印的ref dom 元素,點選按鈕觸發事件即可

// 列印

printclick() , _this.berforefun, _this.afterfun);

}, 0);

},

自定義Vue外掛程式

在vue專案中,需要用到公共的方法時,可以將這些方法寫在外掛程式裡。在外掛程式裡可以自己定義全域性的變數,過濾器 指令 例項上的方法等。使用外掛程式可以為vue新增全域性功能,包括全域性方法或屬性 全域性資源 指令 過濾器 過渡等 通過全域性mixin方法新增一些元件選項 新增例項方法 新增庫 目前...

自定義Vue外掛程式

今天咱們來玩一下vue中的自定義元件,此案例直接通過script引入js的形式定義元件 我是簡單的寫了乙個彈出框的小外掛程式 css樣式 這就不需要解釋了吧,強擼 html結構 元件核心js var alert 此處的install方法 是vue中規定好的 alert.install functio...

vue 自定義外掛程式

最近要在乾坤袋裡面加開發三個全域性元件,所以來學習下這部分的知識 一 外掛程式和元件的區別 元件 是對 某功能 或者 某模組 的封裝 比如 loading toast 等 外掛程式 是對一系列元件的封裝 比如 vuex vue router 外掛程式裡面可以有很多元件 外掛程式與元件的關係 外掛程式...