微信小程序下载附件并打开功能实现

微信小程序下载附件并打开功能实现

需求描述

项目需要把需要填写的数据模板文档存放在后端，前端小程序通过后端接口获取文档并下载到本地预览保存

实现思路

使用微信官方提供的wx.downloadFile(Object object)功能进行文件下载（官方写的很具体，点进去看看就明白了，这里不过多赘述）。文件下载成功后，使用微信官方提供的wx.openDocument(Object object)方法进行文件预览，项目使用uniapp+vue3，如果使用vue2自行调整写法就行，话不多说，开整！

实现过程

首先设置一个按钮，由于我的项目需要下载多个文件，所以写了一个循环

view部分

<view class="filebox" v-for="item in downList" :key="item.text">
				<view class="filetext">{
  {item.text}}</view>
				<view style="display:  flex;" @click="downLoad(item)">
					<view class="file_dl">