最近有個我們的手術護理系統有個更新,首先,我們都知道element都有一個時間范圍選擇器,最近要求給時間選擇器加上快捷選項,可是官方個給的代碼非常的冗余,就下邊這三個就十幾行了,而且是一個頁面加上十幾行,如果很多個頁面加上很多個快捷選項,那么代碼不僅可讀性低,而且由于vue2的特性,date中的動態內容是放在一起的,如果我們要修改函數,則需要下拉到methods,如果data中過長,要下拉很長的距離,對于操作來說很不方便。


這里,這里我們可以使用一個js文件,然后在其中書寫快速篩選的內容,然后使用export暴露出去,然后在需要使用快速篩選的內容的頁面使用import 引入。
使用格式如下:const xxx = {
shortcuts:[]
},一定需要是一個對象,其中是一個名為shortcuts的數組。


html里就是element的格式。

了解vue知識點擊這里。



