最近有个我们的手术护理系统有个更新，首先，我们都知道element都有一个时间范围选择器，最近要求给时间选择器加上快捷选项，可是官方个给的代码非常的冗余，就下边这三个就十几行了，而且是一个页面加上十几行，如果很多个页面加上很多个快捷选项，那么代码不仅可读性低，而且由于vue2的特性，date中的动态内容是放在一起的，如果我们要修改函数，则需要下拉到methods，如果data中过长，要下拉很长的距离，对于操作来说很不方便。
这里，这里我们可以使用一个js文件，然后在其中书写快速筛选的内容，然后使用export暴露出去，然后在需要使用快速筛选的内容的页面使用import 引入。
使用格式如下：const xxx = {
shortcuts：[]
},一定需要是一个对象，其中是一个名为shortcuts的数组。
html里就是element的格式。
了解vue知识点击这里。
下一篇： 没有了
