vue实现excel表格批量导入功能，携带公共的模型id

好的，下面是实现Vue中的Excel表格批量导入功能，并携带公共的模型id的步骤：

1. 安装`xlsx`和`file-saver`库

npm install xlsx file-saver --save

2. 创建一个Excel表格导入组件

<template>
  <div>
    <input type="file" ref="file" @change="importExcel" />
  </div>
</template>

<script>
import XLSX from 'xlsx'
import { saveAs } from 'file-saver'

export default {
  props: {
    modelId: {
      type: String,
      required: true
    }
  },
  methods: {
    importExcel(e) {
      const files = e.target.files
      const promises = []
      for (let i = 0; i < files.length; i++) {
        const file = files[i]
        const promise = new Promise((resolve, reject) => {
          const reader = new FileReader()
          reader.onload = (event) => {
            const data = event.target.result
            const workbook = XLSX.read(data, { type: 'binary' })
            const worksheet = workbook.Sheets[workbook.SheetNames[0]]
            const json = XLSX.utils.sheet_to_json(worksheet, { header: 1 })
            // 发送请求，并携带公共的模型id
            // ...
            resolve()
          }
          reader.readAsBinaryString(file)
        })
        promises.push(promise)
      }
      Promise.all(promises).then(() => {
        // 所有文件导入完成后的回调
      })
    }
  }
}
</script>

3. 在`importExcel`方法中，使用`FileReader`读取Excel表格文件，并使用`XLSX`库解析数据。然后，您可以将解析后的数据发送到后端，同时携带公共的模型id。注意，这里使用了Promise.all来处理多个文件的导入。

4. 在父组件中使用Excel表格导入组件，并向其传递公共的模型id。

<template>
  <div>
    <excel-import :model-id="modelId" />
  </div>
</template>

<script>
import ExcelImport from './ExcelImport.vue'

export default {
  components: {
    ExcelImport
  },
  data() {
    return {
      modelId: '123456' // 公共的模型id
    }
  }
}
</script>

这样，您就可以在Vue中实现Excel表格批量导入功能，并携带公共的模型id。