<template> <div class="container"> <van-loading style="margin-top:20%" v-if="status" size="24px" vertical>下载中...</van-loading> </div> </template> <script> export default { data(){ return{ status : true } }, created(){ // this.download() }, methods : { download(){ let down = wx.downloadFile({ url : 'http://bkzs.hfut.edu.cn/generic/web/viewer.html?file=/userfiles/1/files/files/2019/12/%E5%90%88%E8%82%A5%E5%B7%A5%E4%B8%9A%E5%A4%A7%E5%AD%A62019%E5%B9%B4%E6%8A%A5%E8%80%83%E6%8C%87%E5%8D%971.pdf', success : (data) => { console.log('下载成功',data) console.log(data.tempFilePath) if(data.statusCode == 200){ wx.openDocument({ filePath: data.tempFilePath, showMenu:true, fileType : 'pdf', success: function (res) { console.log('打开文档成功',res) } }) } }, fail : (err) => { console.log('下载失败',err) } }) down.onProgressUpdate((res) => { console.log(res,'res') if(res.progress == 100){ console.log('下载成功') this.status = false } }) } } } </script> <style scoped lang="scss"> </style>