今天用elementui寫了乙個vue的上傳，本來很簡單的乙個事情，結果因為乙個坑，用了我將近乙個下午。好氣哦！
記錄一下吧。
我遇到的坑是，elementui中，自帶的方法中的file，並不是指本身，而是他的乙個dom。如果要是拿他的，就要用file.raw。
主要是不太懂slot的用法，回頭再去學習一下。
先把前後端的**貼上：
前端：
="upload"
>
action=
"#" list-type=
"picture-card"
:auto-upload=
"false"
>
"default"
class
="el-icon-plus"
>
<
/i>
"file" slot-scope=
"">
class
="el-upload-list__item-thumbnail"
:src=
"file.url" alt=
"">
="el-upload-list__item-actions"
>
class
="el-upload-list__item-preview"
@click=
"handlepicturecardpreview(file)"
>
="el-icon-zoom-in"
>
<
/i>
<
/span>
v-if=
"!disabled"
class
="el-upload-list__item-delete"
@click=
"handleupload(file)"
>
="el-icon-upload"
>
<
/i>
<
/span>
v-if=
"!disabled"
class
="el-upload-list__item-delete"
@click=
"handleremove(file)"
>
="el-icon-delete"
>
<
/i>
<
/span>
<
/span>
<
/div>
<
/el-upload>
"dialo**isible"
>
"100%"
:src=
"dialogimageurl" alt=
"">
<
/el-dialog>
<
/div>
<
/template>
import vue from
'vue'
export
default;}
, methods:
,handlepicturecardpreview
(file)
,handleupload
(file)})
;}}}
<
/script>後端：
@controller
public
class
uploadcontroller
catch
(exception e)
system.out.
println
(f.exists()
);system.out.
println
("userid:"
+userid)
;return null;
}}
elementUI上傳元件改造 掃碼上傳
1 手機拍照 2 拷貝到電腦 3 電腦再點選上傳 手機的安全性，不熟悉的話，十分麻煩 客戶需要直接在手機上直接上傳到系統，十分合理，非常有價值的功能 1 跨終端 打通pc和移動端的壁壘 2 不影響原有功能 不改動原來 否則，可能會導致業務邏輯改變，會需要測試同事重新測試，需避免 3 手機上傳後，怎麼...
elementUI中檔案上傳upload的使用
由於本人是vue小白，很菜，而且介面呼叫的不熟練，遇到很多問題。使用elementui中upload，搗鼓的一天，求助各位好友，才解決這個問題，以此來記錄，以防日後又忘記怎麼使用的。1 首先拿到後端的postman的介面，經過測試，介面無誤，如圖 2 寫前端 下面寫了乙個簡單的示例，看 以及效果圖 ...
element ui中上傳檔案upload
name targetfile ref upload with credentials true limit 5 file list filelist data mydata action uploadurl headers myheader on change addfile on remove ...