elementUI 上傳upload組件和表單驗證(自定義驗證規則)


使用用戶頭像上傳組件,
注意圖片上傳路徑action路徑問題,圖片上傳控制台報404錯誤,控制台 network選項卡查看請求。思考,發現請求路徑不對,這里需要完整路徑
el-upload 組件里的兩個事件回調
圖片上傳:之前驗證圖片,大小、格式
圖片上傳:成功把服務器返回數據給表單

 

 

修改品牌名稱和圖片
思考這里拷貝數據為什么要用淺拷貝,擴展運算符實現淺拷貝{...row},思考直接賦值與淺拷貝與深拷貝關系
為什么這里不能用直接賦值,會導致拷貝失敗,引用對象與原對象聯動修改
    直接賦值引用、深淺拷貝的學習鏈接---https://www.cnblogs.com/wanglei1900/p/15924101.html

 

 

 
 
 
表單驗證   elementUI成熟組件,看文檔即可學會
Form 組件提供了表單驗證的功能,只需要通過 rules 屬性傳入約定的驗證規則,並將 Form-Item 的 prop 屬性設置為需校驗的字段名即可

 

 


 

 

表單驗證規則
 
自定義校驗規則 重點,注意自定義校驗規則和rules的的書寫位置

彈窗按鈕發情求前需全部驗證后通過,故需要在添加按鈕的回調  外套一個表單全部通過驗證,ref打點拿到需要驗證的表單

注意,因為這里嵌套了驗證函數,所以這里async標記需要套在就近的函數上

 

 

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM