vue之el upload自定義上傳檔案

2021-10-05 09:45:25 字數 1711 閱讀 9990

"新增附件"

>選取檔案<

/el-button>

style=

"margin-left: 10px;"

size=

"small"

type=

"success"

@click=

"submitfile"

>上傳附件<

/el-button>

slot=

"tip"

class

="el-upload__tip"

style=

"color:red"

>支援檔案型別:xls、 xlsx、 docx、 jpg、 jpeg、 png、 zip; 支援檔案大小:2m以內; 如果是多檔案上傳請選擇壓縮檔案格式(.zip)<

/div>

<

/el-upload>

<

/el-form-item>

submitfile()

,uploadfile

(file)})

.then

(res =>).

catch

(err =>);

this

.filelist =

;},<

/script>

accept:可以自定義上傳的檔案型別,但是要真正起到限制的作用,需要在:before-upload鉤子中限制檔案型別

action:ui預設上傳的位址,不能為空。自定義時可以設定為任意字串

on-success,on-error:檔案上傳成功、檔案上傳失敗返回的鉤子函式,自定義檔案上傳時失效。

limit:限制檔案上傳的個數

on-exceed:檔案超出個數限制時的鉤子

file-list:上傳檔案的列表

http-request:覆蓋預設的上傳行為,可以自定義上傳的實現。

vue之自定義指令

1.如何自定義乙個指令?在export模板中加入directives選項 比如 directives bind el bind 像這樣的inserted,bind稱為鉤子函式,裡面的引數 el 代表當前指令被繫結的元件 bind 代表當前指令所繫結的元件的一些值,通常我們列印這兩個引數時,會返回整個...

vue之自定義元件

在vue專案中怎麼自定義元件呢?在網上都到的都是引用vue.js這種的,原生的vue自定義元件方式如下 1 元件假如為a.vue,和引用它的b.vue在同一級的資料夾下 2 在b.vue中寫入的script內部寫入 import star a from a.vue export default 然後...

Vue之自定義指令

vue中有很多內建的命令,例如v bind,v for,v show等等,這些指令的指責是將表示式改變時,將某些行為相應地對映到dom上。那麼除了我們常用的vue的內建指令外,我們還可以自定義指令,常用的自定義vue全域性指令的模板如下 這裡的focus是定義額指令的名稱,可根據指令作用換成其他名稱...