<template>

  <div>

    <button class="btnClass" @click="downExcel">下载</button>

    <iframe frameborder="0" name="downExcel" style="display:none"></iframe>

  </div>

</template>

<script>

export default {

  data() {

    return {}

  },

  methods: {

    downExcel() {

      let iframe = window.frames['downExcel'];

      //console.log('iframe',iframe.location.href);

      let href = '';//接口路径地址，返回数据类型为application/binary，后台控制显示信息，前端仅为下载功能

      iframe.location.href = href

    }

  }

}

</script>

<style scoped>

.btnClass{

  width: 200px;

  background-color: cornflowerblue;

  height: 60px;

  border: none;

  color: #ffffff;

  font-size:30px;

  cursor:pointer

}

</style>