下载文件

下载文件
第一中情况就是直接下载，点击即可下载
第二种情况：在下载之前有类似于弹窗操作或者二次确认这样的情况
首先针对第一种情况，可以直接利用a标签

<a href = http://192.xxx.1.xxx +'/api/wechat/v2/records/' + this.id +'/export';></a>

针对第二种情况

//点击只有出现弹窗 二次确认
 <span  class="handle-style" @click="exportExcel">导出发送数据</span>
 //exportExcel这个方法知识让弹窗出现

 <!--  导出excel  二次确认有弹窗-->
        <el-dialog title="导出Excel" :visible.sync="exportDialog" width="550px" :close-on-click-modal="false">
            <span>确认导出数据</span><br>
            <span slot="footer" class="dialog-footer">
                <el-button @click="exportDialog = false">取 消</el-button>
                <el-button type="primary" @click="exportData">确定
                    <!-- <a :href ="herfUrl" style="color:#fff;">确定</a> -->
                </el-button>
            </span>
        </el-dialog>
        //exportData 点击确认以后调用接口下载数据
// 导出数据
        exportData(){
            this.exportDialog = false;
            let a = document.createElement('a');
            //这个项目的需求是从列表下载对应行的数据，所以在下载的时候需要传参id
            a.href = http://192.xxx.1.xxx +'/api/wechat/v2/records/' + this.id +'/export';
            a.click();          
        },