基于vue.js開發(fā)的pc桌面端彈窗組件，集合了Alert|Dialog|Modal|Message|Notify|Popover|Toast|ActionSheet等眾多功能。

引入組件

在main.js中快速引入vlayer。

import VLayer from './components/vlayer';

Vue.use(VLayer);

調(diào)用組件

vlayer支持標(biāo)簽式/函數(shù)式兩種寫法。

支持參數(shù)

參數(shù)配置

默認(rèn)是標(biāo)題區(qū)可以拖拽的，當(dāng)然也可以自定義拖拽元素，只需設(shè)置?drag: '#xxx'? 或者設(shè)置drag: false?來禁止彈窗拖拽功能。

當(dāng)設(shè)置?dragOut: true?窗體可以拖拽到瀏覽器外部。

當(dāng)需要一打開彈窗就全屏，只需配置fullscreen:true即可。

Okey，以上就是基于vue.js開發(fā)自定義彈框組件。希望能喜歡~~?