如何实现ElementUI动态表头？

可能看到这个标题，有些小伙伴会有些疑惑，动态表头是个什么东西，怎么没听说过？

其实动态表头在企业的项目中用途还是非常广泛的，比如erp系统什么的

那么动态表头是什么呢？说简单点就是让ElementUI的Table表格可以实现自定义表头展示+表头拖拽排序的一个功能

这个东西我们肯定有很多小伙伴见过只是不知道他叫什么，我们的效果如下图所示：

注意：由于我们项目使用的是vue2，故本教程所展示的代码是vue2写法，如使用的是vue3，请自行修改扩展

所需使用的插件：vuedraggable（拖拽插件） 没有就npm i vuedraggable安装插件

现在我们来写一个自定义表头组件components/indicatorTable/index.vue：

<template>
  <div class="indicator-all-box">
    <el-popover placement="bottom" width="300" trigger="click">
      <div class="add-custom-indicator-container">
        <el-button type="primary" @click="addUserDefinedIndicators"&g