web端常用的导出列表

需要后端接口配合，实现导出报表功能

qs模块了解一下啊

• qs.parse()将URL解析成对象的形式
• qs.stringify()将对象 序列化成URL的形式，以&进行拼接

导出报表

<template lang='pug'>
    el-button.hekr-btn(
      type="primary"
      size="small"
      icon="iconfont icon-daochu"
      @click="exportTable"
    ) 导出列表
</template>
<script>
 methods: {
    exportTable () { // 导出报表
      let params = {
        ctrlKey: this.$route.query.ctrlKey, // 安全验证所需要的key，根据接口需要，非必须
        Authorization: `Bearer` + this.token.access_token,  // 传入token做作安全校验
        ...this.searchParams // 列表筛选的参数
      }
      let queryStr = qs.stringify(params)
      let api = '/v1/device/subDevice/export' // 后端导出API
      const src = `${server.fire.url}${api}?${queryStr}`
      this.clickLink(src)
    },
    clickLink (src) {
      const oA = document.createElement('a')
      oA.href = src
      oA.click()
    }
 }
</script>