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;
                } 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>