VUE-009-頁面打開時初始化配置項內容

網頁開發過程當中，尤爲是在表單開發過程當中，不可避免的會有各類各樣的基礎數據須要展現，供用戶使用。例如，你們在辦理信用卡時，常常須要填寫各類表單數據，其中：性別（男、女）、學歷（高中及如下、大專、本科、研究生及以上）、狀態（啓用、停用）等等，均屬此類。平常軟件開發過程當中，一般習慣稱之爲配置項。在系統中配置後，提供相應的接口，方便在多個表單頁重複使用。

 

網頁或APP中初始化配置項，一般的作法是在頁面初始化的時候，有些須要當即展現給用戶的，則優先加載配置項內容；不然，可在使用的時候再行加載也可。若配置項使用頻率較高，或配置項自己配置內容較多（耗用網絡資源等），則能夠考慮使用本地緩存的方式對配置項進行暫存。

 

VUE中初始化配置項，可在 methods 中編寫相應的方法，請求服務端獲取配置項內容，在頁面初始化時調用方法便可。

我一般習慣將所需的配置項，統一存放在 selectConditions 中，以便後期使用或在頁面跳轉時，傳遞配置項。好比，新增或修改表單頁面跳轉時進行配置項的傳輸，減小服務請求。

VUE初始化請求後端服務，獲取配置項操做（後端接口服務請求再也不贅述），以下所示：

 

　　上述代碼，請求後端服務接口，並進行相應的數據處理，僅獲取須要的配置項內容進行保存。 　　

　　獲取配置項信息後，在頁面對應所需的屬性位置，進行相應的數據綁定，實現相應的功能便可。部分源碼以下所示：

 　　上述源碼中， @focus=「pullData」 即爲在須要使用的時候，獲取相應的配置項、綁定。

優勢是，若用戶未操做相應功能，則節省了網絡流量，頁面初始化速度也快；操做時的數據時效性好。

缺點是，若進行頁面跳轉時，須要將配置項傳給跳轉頁面，則必須在跳轉前進行配置項數據的獲取。不然，跳轉頁面將缺失配置項。

 

頁面配置項的初始化，不管使用哪一種方式，無所謂對錯，都可實現相應的功能，適當權衡便可。