element-ui表格的row与col添加的click没有作用（ .native）

版权声明：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>