element使用筆記

2021-10-03 12:20:47 字數 974 閱讀 4744

目錄

element-ui 上傳到達一定數量後隱藏上傳按鈕

element_ui會用到el-dialog做為彈窗,但這個彈窗的寬度預設為50%。

data() ,],

form: ,}}

//cascader設定預設值

在專案中使用了element的el-upload上傳元件,需求是上傳一張而已,但是發現上傳完以後一張後在旁邊再生成乙個上傳的按鈕,實在是接受不了,並且需求是上傳之後沒有這個上傳按鈕,刪除之後再出現。

首先我通過瀏覽器找到了這個上傳按鈕的class名稱為  .el-upload–picture-card 我知道不可以直接修改,所以決定給這個元件繫結乙個class名

:class=""
之後data裡面設定乙個初始的狀態值

hideupload: false
在el-upload中繫結乙個on-change事件,這個事件有兩個引數(file,filelist)並且在新增檔案、上傳成功和上傳失敗時都會被呼叫:

if(!!file.data)else
當上傳的數量大於或等於你所限制的上傳數量時(也就是limit,hideupload 為true

則像元件新增乙個名為hide的class名在el-upload中繫結乙個on-remove事件,這個事件在刪除時呼叫

if(!!file.data)else
css** vue中 取消scope

.hide .el-upload--picture-card
因專案中需要調整彈償的寬度,需要設定其屬性。 嘗試過程如下:在el-dialog增加了乙個customclass, 設定如下:

。。。。

Vim 使用筆記

set hlsearch set nohlsearch 搜尋後清除上次的加亮 nohl nohlsearch 拷貝 很有用的一句話,規定了格式選項,讓它換行不自動空格 set formatoptions tcrqn set fo r set noautoindent 再 shift insert 正...

xemacs使用筆記

xemacs使用筆記 xemacs emacs的下一代,由lucid原創 from debian參考手冊.由於不知道什麼時候刪掉了emacs的乙個重要檔案.每次都沒法安裝好.突然發現了xemacs,於是決定使用看看.本人還是菜鳥,僅供交流 我使用的ubuntu系統,所以就直接apt get inst...

TreeView使用筆記

treeview由節點構成,建樹通過對treeview.items屬性進行操作。items是乙個ttreenodes物件,這是乙個ttreenode集。一 針對ttreenodes,也就是 treeview.items,有這些屬性 1 count,節點個數。2 item index 通過index得...