vue element-ui动态表头_v1.0.0

v1.0.0
vue 2.6

html

• 表头

	<el-table-column
        v-for="item in tableHeader"
        :prop="item.pro"
        :label="item.label"
        width="180">
      </el-table-column>

• data绑定略

data

• 表头数据

	tableHeader: [
          {
            pro: `date`,
            label: `日期1`,
          },
          {
            pro: `name`,
            label: `2姓名`,
          },
          {
            pro: `address`,
            label: `地址3`,
          },
        ],

• 表内容略
  搞定。
  效果👇：