在vue項目中使用到上傳圖片功能那么久會用到el-upload組件,該組件就是封裝好的上傳文件功能,接下來看下使用過程

這里是el-upload的dom結構,主要復寫這幾個方法
action 上傳地址
on-success 上傳成功的回調
on-remove 刪除圖片的回調
file-list 默認上傳文件的列表
實現思路是當上傳后 在onsuccess方法中將上傳返回的結果放到photo字段中,當刪除執行時更新photo下面看方法的實現

下面是實現效果以及接口返回內容

上一篇: 使用JS實現虛擬form提交
)
)
)
