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


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


html里就是element的格式。

了解vue知識點擊這里。
開啟了相對路徑模式,本地址是站外域名,不能轉(zhuǎn)為相對路徑(在關(guān)閉開發(fā)者模式后不顯示這句話))
開啟了相對路徑模式,本地址是站外域名,不能轉(zhuǎn)為相對路徑(在關(guān)閉開發(fā)者模式后不顯示這句話))
開啟了相對路徑模式,本地址是站外域名,不能轉(zhuǎn)為相對路徑(在關(guān)閉開發(fā)者模式后不顯示這句話))
