簡單實現乙個ES5 Vue Dialog 外掛程式

2022-05-07 05:33:07 字數 1152 閱讀 2574

呼叫vant的dialog元件覺得用起來很爽,於是乎想自己也實現乙個~

由於考慮到專案相容性,所以沒用es6寫法

(一)效果圖如下:

(二)可配置引數:圖示,內容,是否自動消失,是否顯示底部按鈕區域,還有按鈕**函式

(三)元件**

var pconfirm = vue.extend(}\

\

\ 取消

\ 確定

\

\

\

\

\ ',

data: function ()

},methods: , 2000);}},

handlesure: function () ,

handlecancel: function () ,

show: function () ,

hide: function ()

}});

(四)外掛程式**

var pconfirm = {};

pconfirm.install = function (vue, options) ;

this.show = function (_option)

var data = {}, methods = {};

for (var key in _option) else

}confirmobj.initdata(data, methods);

confirmobj.show();

};};

(五)使用**

vue.use(pconfirm);

pconfirm.show();

pconfirm.show(,

cancel: function()

});

(六)完整**請看:

用es6實現乙個簡單的promise

promise是乙個面試經常會問的問題,在這裡我們可以通過es6的語法實現乙個簡單的promise,面試能寫出來基本就沒問題了 const pending pending const resolved resolved const rejected rejected class mypromise ...

簡單實現乙個new

實現乙個new操作符 function mynew 測試 function person name var p2 mynew person,小明 console.log p2.name 解釋 1 let fn shift.call arguments 重點 slice內部實現是使用的this代表呼叫...

使用ES實現乙個基數排序

現給定一組資料 如下圖 1 進行第一次分配 根據個位數字分配 2 將第一步分配好的資料取出 3 將一次取出的資料進行再分配 根據數字的十位數進行分配 4 第二次取出資料 5 進行第三次分配 根據數字的百位數進行分配 6 三次取出 7 規律總結 我們發現,分配的次數是陣列元素的最大的內個數的位數決定的...