el-tabel表头有搜索和排序的时候（点击表头，同时触发了排序事件）

下面展示一些 内联代码片。

// 原文链接：https://blog.csdn.net/DcTbnk/article/details/119544620

// 表头
<template #header>
  <el-popover
  	placement="bottom"
    width="220"
    trigger="click"
  >
  <el-date-picker
    v-model="createDate"
    size="small"
    style="width: 240px"
    value-format="yyyy-MM-dd"
    type="daterange"
    range-separator="-"
    start-placeholder="开始时间"
    end-placeholder="结束时间"
    @change="createDate"
   ></el-date-picker>
  <span slot="reference" @click="headerClick">数据状态<i class="el-icon-search" /></span>
  </el-popover>	
  

下面展示一些 内联代码片。

// A code block
var foo = 'bar';

// 给edc-search组件的对应表头的div标签添加一个点击事件，
//并且将点击事件传过来的值的键名cancelBubble设置为true，
//因为冒泡式的确发事件方式，所以cancelBubble的作用是： false ,
//支持冒泡确发上级元素的事件，True：阻断这种确发，只确发当前点击元素的事件
  methods: {
    headerClick(e){
      console.log(e,'小茄子')
      e.cancelBubble = true
    },
  }