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>