vue定義過濾器,鍵盤別名,指令

字符串補0方法(時間格式上常用)

String.padstart(n,‘0’)將字符串不足n位的用0從前面填充到n位
String.padend(n,'0')將字符串不足n位的從后面填充0到n位

定義鍵盤碼別名

vue.config.keyCodes.f2=113
vue.config.keyCodes.別名=鍵盤碼

定義全局過濾器和全局指令的時候不需要帶 s

定義全局過濾器

vue.filter("過濾器名",function(過濾數(shù)據(jù),傳入?yún)?shù)){
...................
})

定義全局指令

使用vue.directive()定義全局指令 v-focus
其中參數(shù)1,指令的名稱,注意定義的時候,指令名稱前不需要加v-前綴,但是調(diào)用的時候必須在指令前加上v- 前綴進行調(diào)用
參數(shù)2 是一個對象,這個對象身上,有一些指令相關(guān)的函數(shù),這些函數(shù)可以在特定的階段,執(zhí)行相關(guān)的操作
//在每個函數(shù)中,第一個參數(shù)永遠(yuǎn)是el,這是一個原生的js對像

vue.directive('focus',{
bind:function(el){
}//每當(dāng)指令綁定到元素上的時候,會立即執(zhí)行這個bind,只執(zhí)行一次
//樣式相關(guān)的在bind里面執(zhí)行
inserted:function(el){
el.focus();
}//元素插入到dom中的時候會執(zhí)行inserted函數(shù)
//和js行為相關(guān)的操作,最好在inserted中去執(zhí)行,放置js行為不生效
updated:function(){......}//元素更新的時候,會執(zhí)行updated,可能會觸發(fā)多次
})

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容