Vue.js获取导出服务

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

在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>

以上是 Vue.js获取导出服务 的全部内容， 来源链接： utcz.com/z/378271.html

回到顶部