Element-ui 文件刪除功能在移除之前添加 before-remove 事件彈出對(duì)話框這個(gè)時(shí)候我點(diǎn)擊確定 需要請(qǐng)求后臺(tái)接口，后臺(tái)返回如果沒有權(quán)限就不能移除文件beforeRemove(file){ this.$confirm(`確定移除 ${ file.name }？`)
}
handleRemove(file, fileList) { this.$http("地址", {id}).then(res => { //成功就直接刪除了
//失敗
})
}問題：當(dāng)我點(diǎn)擊確定刪除，但是后臺(tái)返回沒有權(quán)限，這時(shí)候頁面文件列表里面也沒有這個(gè)文件了（真實(shí)文件還是在列表里面的，只是在頁面上面不展示了）期望結(jié)果：后臺(tái)返回沒有權(quán)限，文件還是還是在頁面上展示的
2 回答
搖曳的薔薇
TA貢獻(xiàn)1793條經(jīng)驗(yàn) 獲得超6個(gè)贊
跟element-ui,沒任何關(guān)系的，問題關(guān)鍵是你使用錯(cuò)誤造成的，頁面的列表操作必須放在服務(wù)端正確返回權(quán)限后才進(jìn)行操作，而不是一邊操作列表，一邊訪問服務(wù)端；
this.$confirm('此操作將永久刪除該文件, 是否繼續(xù)?', '提示', {
confirmButtonText: '確定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => { // 點(diǎn)擊確認(rèn) 發(fā)送請(qǐng)求，在請(qǐng)求回調(diào)中操作列表數(shù)據(jù)
}).catch(() => { // 點(diǎn)擊取消，什么也不做！
});
湖上湖
TA貢獻(xiàn)2003條經(jīng)驗(yàn) 獲得超2個(gè)贊
正確姿勢(shì)：
beforeRemove(){ this.$confirm('此操作將永久刪除該文件, 是否繼續(xù)?', '提示', { confirmButtonText: '確定', cancelButtonText: '取消', type: 'warning'
}).then(() => { // 點(diǎn)擊確認(rèn) 發(fā)送請(qǐng)求，在請(qǐng)求回調(diào)中操作列表數(shù)據(jù)
}).catch(() => { // 點(diǎn)擊取消，什么也不做！
}); return false // 這一句相當(dāng)重要??！}before-remove: 刪除文件之前的鉤子，參數(shù)為上傳的文件和文件列表，若返回 false 或者返回 Promise 且被 reject，則停止上傳
返回一個(gè) false，然后在on-remove鉤子中處理數(shù)據(jù)就可以了
添加回答
舉報(bào)
0/150
提交
取消