vue 实现excel复制到网页

您可以使用 `js-xlsx` 库，该库可以解析 Excel 文件，并将其转换为 JavaScript 对象。然后，您可以使用 Vue.js 动态创建 HTML 表格，并将 Excel 数据填充到表格中。最后，您可以使用 `document.execCommand('copy')` 将表格内容复制到剪贴板中。

以下是一个示例代码，可以将 Excel 数据复制到网页中：

<!-- HTML 结构 -->
<div id="app">
  <button @click="copyTable">复制表格</button>
  <table>
    <thead>
      <tr>
        <th v-for="key in keys" :key="key">{{ key }}</th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="row in data" :key="row.id">
        <td v-for="key in keys" :key="key">{{ row[key] }}</td>
      </tr>
    </tbody>
  </table>
</div>

<!-- 导入 js-xlsx 库 -->
<script src="https://cdn.jsdelivr.net/npm/xlsx/dist/xlsx.full.min.js"></script>

<script>
  const app = new Vue({
    el: '#app',
    data: {
      data: [],
      keys: []
    },
    methods: {
      copyTable() {
        const range = document.createRange();
        range.selectNode(document.querySelector('table'));
        window.getSelection().removeAllRanges();
        window.getSelection().addRange(range);
        document.execCommand('copy');
        window.getSelection().removeAllRanges();
      }
    },
    mounted() {
      // 从 Excel 文件读取数据
      const file = document.querySelector('#excel-file').files[0];
      const reader = new FileReader();
      reader.onload = event => {
        const data = new Uint8Array(event.target.result);
        const workbook = XLSX.read(data, { type: 'array' });
        const sheetName = workbook.SheetNames[0];
        const sheetData = XLSX.utils.sheet_to_json(workbook.Sheets[sheetName]);
        // 提取表头和数据
        this.keys = Object.keys(sheetData[0]);
        this.data = sheetData;
      };
      reader.readAsArrayBuffer(file);
    }
  });
</script>

注意：上述代码仅供参考，具体实现可能需要根据您的具体情况进行修改。