Vue.js获取导出服务

在data中定义变量 

                       furl: "",
			dialogdc:false,
			value1:"",
                        value2:"",

 在methods中调取导出的方法

exportByCond1(){
			let param={
				keyword:"",
                qssj:this.value1,
                jzsj:this.value2,
            }
            this._exportLogs(param).then(result => {
                var data = JSON.parse(result);
                
                if(data.status == 0) {
                    this.exportTab = true;
                    this.furl = window.neiwangDownload + data.result;
                    let link = document.createElement('a');
                    link.style.display = 'none';
                    link.href = this.furl;
                    link.setAttribute('download', '.zip');
                    document.body.appendChild(link);
                    link.click();
                    this.$message.success("导出成功");
                } else {
                    this.$message({
                        type: 'info',
                        message: '导出失败'
                    });
                };
            });
		},

例如我要导出一个时间端的日志，前段的写法

<div class="btns" style="float: right;">
                    <el-button type="primary" size="small" @click="dialogdc=true" >导出</el-button>
                </div>

 

 <el-dialog title="导出日志" :visible.sync="dialogdc" width="30%" >
                <span><span style="color:red">*</span>选择时间:</span>
                <el-date-picker v-model="value1" type="date" placeholder="开始日期" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd" style="margin: 0 10px;">
                </el-date-picker>
                <el-date-picker v-model="value2" type="date" placeholder="截止日期" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd" @change="exportByCond1()" >
                </el-date-picker>
                <span slot="footer" class="dialog-footer">
                    <el-button @click="dialogdc = false">取 消</el-button>
                    <a @click="dialogdc = false" :href="furl"><el-button type="primary">确 定</el-button></a>
                </span>
            </el-dialog>