技術標籤：display 隱藏上傳按鈕

最近公司老專案改用vue開發，前端框架採用element ui，這個框架風格還是很漂亮的，只是上傳功能有一些問題，比如:limit=1限制上傳數量後，後面的新增按鈕沒有隱藏，再用就是如果上傳圖片組，很多需求需要對圖片組進行排序修改，基於這兩個需求，對element的el-upload元件進行了二次封裝。

首先引入sortable.js這個外掛，這個是一個很強大的排序外掛，下面直接上我封裝的上傳程式碼

元件的html部分：

點選上傳

元件的註冊js

 Vue.component('pa-upload', { template: '#example', props: { data: Object, limit: { type:Number, default:0 }, fileList: Array, ext: { type: String, default: ".jpg,.png,.gif" }, maxSize: { type: Number, default: 1204 }, action:String, listType: { type: String, default: "picture-card" }, sortable: { type: Boolean, default: false }, onPreview: { type: Function, default: function () { } }, onRemove: { type: Function, default: function () { } }, onSuccess: { type: Function, default: function () { } }, onError: { type: Function, default: function () { } }, onProgress: { type: Function, default: function () { } }, onChange: { type: Function, default: function () { } }, beforeUpload: { type: Function, default: function () { return true;}}, beforeRemove: { type: Function, default: function () { return true;}}, }, data: function(){ return { dialogImageUrl: