"新增附件"
>選取檔案<
/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是定義額指令的名稱,可根據指令作用換成其他名稱...