版权声明:QAQ https://blog.csdn.net/mineblogjw/article/details/82813722
业务:根据时间段进行查询数据。
实现:通过点击不同的日期,获取到对应的时间传值给日历挂机,再查询。
Bug:时间上的点击事件没有触发。
解决:在click后面加上 .native 。
图示问题。后续还有处理时间的方法(可看)。
<el-col :span="8">
<div class="queryBtn" style="border: 1px solid #ccc;height: 30px;line-height: 30px">
<el-col class="tabbtn" style="width:25%"
:class="{dayChoice:isToday}"
@click.native="isTodayBtn">Today</el-col>
<el-col class="tabbtn" style="width:25%"
:class="{dayChoice:isYesterday}"
@click.native="isYesterdayBtn">Yesterday</el-col>
<el-col class="tabbtn" style="width:25%"
:class="{dayChoice:isLast7}"
@click.native="isLast7Btn">Last 7 days</el-col>
<el-col class="tabbtn" style="width:25%"
:class="{dayChoice:isLast30}"
@click.native="isLast30Btn">Last 30 days</el-col>
</div>
</el-col>