最近有個(gè)我們的手術(shù)護(hù)理系統(tǒng)有個(gè)更新，首先，我們都知道element都有一個(gè)時(shí)間范圍選擇器，最近要求給時(shí)間選擇器加上快捷選項(xiàng)，可是官方個(gè)給的代碼非常的冗余，就下邊這三個(gè)就十幾行了，而且是一個(gè)頁面加上十幾行，如果很多個(gè)頁面加上很多個(gè)快捷選項(xiàng)，那么代碼不僅可讀性低，而且由于vue2的特性，date中的動態(tài)內(nèi)容是放在一起的，如果我們要修改函數(shù)，則需要下拉到methods，如果data中過長，要下拉很長的距離，對于操作來說很不方便。
這里，這里我們可以使用一個(gè)js文件，然后在其中書寫快速篩選的內(nèi)容，然后使用export暴露出去，然后在需要使用快速篩選的內(nèi)容的頁面使用import 引入。
使用格式如下：const xxx = {
shortcuts：[]
},一定需要是一個(gè)對象，其中是一個(gè)名為shortcuts的數(shù)組。
html里就是element的格式。
了解vue知識點(diǎn)擊這里。
