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>