elementUI使用本地變量進行驗證,監測不到本地變量的變化 的問題
阿新 • • 發佈:2019-02-01
技術分享 使用 image 頁面 efi define 當前 分享 url
對於餓了麽組件自定義驗證規則,組件庫文檔已經非常詳細了:http://element-cn.eleme.io/#/zh-CN/component/form
我這裏將驗證中固定的值提取出來使用變量進行保存,方便後面維護。
像下面這種寫法,如果maxUrlCount保持不變,是沒有問題的
但是,如果我頁面或者代碼裏更改了maxUrlCount,此時驗證中獲取到的值還是初始定義的值,並不會監測到改變後的值。
解決方案: 把驗證函數也提取出來,如下面這樣:
------------------------------------------------------------------------------------ 原因解析 (待深入研究,未完)---------------------------------------------------------------------------------------------------------------
這裏主要是因為this指正的原因
1. 如果這樣寫
此時的this指向紅框中的這個對象(定義時的上下文):所以打印出來是undefined
2. 如果是使用的箭頭函數
或者
箭頭函數的this默認綁定的是外層this:也就是指向了當前類。具體為什麽監測不到改變
3. 最後,也就是正確的寫法:
elementUI使用本地變量進行驗證,監測不到本地變量的變化 的問題