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