VUE ElementUI重寫預設上傳方式

2021-08-20 16:23:00 字數 1046 閱讀 1060

下面是elementui官網的demo

選取檔案

上傳到伺服器

只能上傳jpg/png檔案,且不超過500kb

根據官網文件,action是乙個必選引數,來指定檔案上傳路徑

但是我們在結合vue和nodejs的時候,發現這樣並不是很方便,因為我們與後台的介面的互動,都統一的放在了axios裡管理了

upload_info:
如果單獨在action裡寫url,根據我實驗,也不會出什麼問題,但是後期的維護就是個大問題了,所以我查了一些資料再加上官方文件的幫助,重寫了一下預設的上傳方式,而這得益於下面的引數

選取檔案

選取檔案

注意紅色的部分,以及我們去掉了action。我們重新指定了乙個方法

uploadsectionfile:function (param) );

},submitupload() ,

handleremove(file, filelist) ,

handlepreview(file) }}

vue Element UI走馬燈元件重寫

1 element ui走馬燈元件 carousel 分析一波源 carousel src main.vue 檔案為 el carousel檔案主要功能 carousel src item.vue 檔案為 el carousel item 功能 2 carousel src main.vue檔案詳解...

vue elementUI專案搭建

安裝node 基於node之npm環境下操作vue,所以先部署node 安裝gitwget http 7 extras x86 64 packages epel release 7 11.noarch.rpm yum install y epel release 7 11.noarch.rpm yu...

重置表單(vue elementui)

第一種 在methods下的具體方法中直接乙個乙個地將表單繫結的值賦值為空 最笨的方法,只適用於僅幾個繫結值的情況下 第二種 elementui官網的方法 從這裡直接進入官網表單相關位置 model ruleform rules rules ref ruleform label width 100p...