這里為大家介紹餓了嗎ui配合vue封裝一個圖片上傳的組件?
首先大家先看一個餓了嗎ui文檔的各個鉤子函數(shù)的介紹!
on-preview這個屬性我們一般用來預(yù)覽圖片時使用
on-remove這個屬性時文件被刪除時執(zhí)行 一般我們在這里面進(jìn)行數(shù)組的篩選 讓它保證為最新數(shù)組
on-change當(dāng)文件被選擇時就會觸發(fā)這個函數(shù)方法 這里面我們可以操作我們我們哪些被選擇的文件
before-upload是文件上傳是觸發(fā)的函數(shù)方法 我們大多數(shù)會在這里面進(jìn)行圖片的各種校驗(yàn) 大小,類型等。
http-request是自定義上傳 我們正真意思上的上傳大多數(shù)都是采用這個函數(shù) 在這里面進(jìn)行真正的圖片上傳? 也可以上傳第三方服務(wù)器進(jìn)行資源代管理。
這里就介紹這幾種函數(shù)方法(適用于大多數(shù)壞境)
下面會上傳我自己封裝的上傳組件 里面注釋我也寫得非常清楚 希望大家可以對著注釋去深入理解一下
?
感興趣的可以去查閱更多資料 謝謝大家文章來源:http://www.zghlxwxcb.cn/news/detail-483901.html
下面是餓了嗎ui鏈接:Element - The world's most popular Vue UI framework文章來源地址http://www.zghlxwxcb.cn/news/detail-483901.html
到了這里,關(guān)于Element-ui配合vue上傳圖片的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!