在VUE中實(shí)現(xiàn)文件下載并判斷狀態(tài)的方法
更新時(shí)間：2019年11月08日 10:28:45 作者：yy406961
今天小編就為大家分享一篇在VUE中實(shí)現(xiàn)文件下載并判斷狀態(tài)的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
新增JS頁(yè)面
axiosExport.JS
// Axios攔截請(qǐng)求并實(shí)現(xiàn)下載
import axios from 'axios'
// download url
export const downloadUrl = (url) => {
console.log(url)
let iframe = document.createElement('iframe')
iframe.style.display = 'none'
iframe.src = url
iframe.onload = function () {
document.body.removeChild(iframe)
}
document.body.appendChild(iframe)
}
// Add a response interceptor
// res返回的東西可以跟后端確認(rèn)
axios.interceptors.response.use(res => {
if (res.data.status && res.data.status === 300) {
return '300' // 鏈接正確，下載失敗
} else {
downloadUrl(res.request.responseURL)
return '200' // 鏈接正確，下載成功
}
}, error => {
// Do something with response error
return error // 鏈接錯(cuò)誤
})
export default axios
VUE頁(yè)面
import axios from './axiosExport'
// 導(dǎo)出 或 下載
exportDoc () {
let URL = `下載地址`
let me = this
axios.get(URL).then(function (response) {
if (response === '200') {
me.$message.success('下載成功！')
} else {
me.$message.warning('下載失??！')
}
}).catch(function (response) {
console.log(response);
});
}
以上這篇在VUE中實(shí)現(xiàn)文件下載并判斷狀態(tài)的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue使用echarts圖表自適應(yīng)的幾種解決方案
這篇文章主要給大家介紹了關(guān)于vue使用echarts圖表自適應(yīng)的幾種解決方案，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
vant框架van-cell插槽無(wú)法換行問(wèn)題及解決
這篇文章主要介紹了vant框架van-cell插槽無(wú)法換行問(wèn)題及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-01-01
element ui循環(huán)調(diào)用this.$alert 消息提示只顯示最后一個(gè)
這篇文章主要介紹了element ui循環(huán)調(diào)用this.$alert 消息提示只顯示最后一個(gè)，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
這篇文章主要介紹了一篇Vue、React重點(diǎn)詳解大全，文章內(nèi)容詳細(xì)，通過(guò)案例可以更好的理解其相關(guān)知識(shí)，需要的朋友可以參考下2023-01-01
Vue3引入騰訊地圖包含標(biāo)注簡(jiǎn)易操作指南
這篇文章主要介紹了Vue3引入騰訊地圖的相關(guān)資料,并實(shí)現(xiàn)點(diǎn)擊地圖添加標(biāo)注的功能,示例代碼提供了添加單個(gè)或多個(gè)標(biāo)注的方法,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-09-09
laravel+vue組合的項(xiàng)目中引入ueditor方式(打包成組件形式)
今天小編就為大家分享一篇laravel+vue組合的項(xiàng)目中引入ueditor方式(打包成組件形式)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-11-11
vue?同局域網(wǎng)訪問(wèn)不到的問(wèn)題及解決
這篇文章主要介紹了vue?同局域網(wǎng)訪問(wèn)不到的問(wèn)題及解決，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
Vue3實(shí)現(xiàn)動(dòng)態(tài)導(dǎo)入Excel表格數(shù)據(jù)的方法詳解
在開(kāi)發(fā)工作過(guò)程中，我們會(huì)遇到各種各樣的表格數(shù)據(jù)導(dǎo)入，動(dòng)態(tài)數(shù)據(jù)導(dǎo)入可以減少人為操作，減少出錯(cuò)。本文為大家介紹了Vue3實(shí)現(xiàn)動(dòng)態(tài)導(dǎo)入Excel表格數(shù)據(jù)的方法，需要的可以參考一下2022-11-11
uniapp使用scroll-view下拉刷新無(wú)法取消的坑及解決
這篇文章主要介紹了uniapp使用scroll-view下拉刷新無(wú)法取消的坑及解決,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-05-05
vue項(xiàng)目下npm或yarn下安裝echarts多個(gè)版本方式
這篇文章主要介紹了vue項(xiàng)目下npm或yarn下安裝echarts多個(gè)版本方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-06-06