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>