vue+elementUI下载文件、截取url后缀

一、函数代码

downloadReport(url) {
      // 从url中找到文件名的索引位置
      const index = url.lastIndexOf('/') + 1
      // 匹配url后缀，检查是否为pdf，是则窗口打开，否则下载到本地
      if (url.lastIndexOf('.pdf') === -1) {
        // 创建下载
        const link = document.createElement('a')
        link.style.display = 'none'
        link.href = url
        link.download = url.substring(index)
        link.click()
        this.$message({
          message: `正在下载,请稍后在本地查看`,
          type: 'success'
        })
      } else {
        window.open(url, url.substring(index))
      }
    }

二、函数说明

indexOf('xxx'): 由左至右，查找某指定字符串在完整字符串中首次出现的位置索引。
lastIndexOf('xxx'): 由右至左，查找某指定字符串在完整字符串中首次出现的位置索引。
substring(startIndex, endIndex): 截取字符串从索引startIndex到endIndex间的字符，end为可选参数，不填意味着截取从startIndex到url.length-1位置的字符串。