vue 在线编辑excel表格（原生和使用组件的两种方式）

在这里插入图片描述
top表头和left表头格式的表格

<template>
    <div>
        <!-- 用组件写的编辑表格 -->
        <el-table
           border
          :data="tableData"
          style="width: 100%">
          <el-table-column
            v-for="(item,index) in keys"
            :key="index"
            :prop="item.prop"
            :label="item.lable"
            width="180">
            <template  slot-scope="scope">
              <p v-if="scope.column.property

悦读

道可道，非常道；名可名，非常名。无名，天地之始，有名，万物之母。故常无欲，以观其妙，常有欲，以观其徼。此两者，同出而异名，同谓之玄，玄之又玄，众妙之门。