Ruoyi项目传List到后台并使用Excel模板下载数据的方法以及遇到的各种前后端数据交互问题

import { download } from '@/utils/request'const app = createApp(App)// 全局方法挂载
app.config.globalProperties.download = download

 首先因为ruoyi-ui中的main.js有配置如上全局注册：

因此只需要在vue中定义一个方法直接使用this.download调用下载即可：

（download的3个参数分别为：后台接口url ，参数，下载之后的文件名  ）

1. ruoyi项目中全局注册了request.js，因此直接在页面点击下载时直接调用即可：

<el-button type="danger" plain @click="downloadExcel">下载</el-button><script>
export default {methods: {downloadExcel(){this.download("/downloadExcel", {list: JSON.stringify(this.xxList)},  `停止件数.xlsx`); //download已全局注册}
}</script>