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

2022-06-24 19:27:16 字數 872 閱讀 8210

網頁開發過程中,尤其是在表單開發過程中,不可避免的會有各種各樣的基礎資料需要展示,供使用者使用。例如,大家在辦理信用卡時,經常需要填寫各種表單資料,其中:性別(男、女)、學歷(高中及以下、大專、本科、研究生及以上)、狀態(啟用、停用)等等,均屬此類。日常軟體開發過程中,通常習慣稱之為配置項。在系統中配置後,提供相應的介面,方便在多個表單頁重複使用。

vue中初始化配置項,可在 methods 中編寫相應的方法,請求服務端獲取配置項內容,在頁面初始化時呼叫方法即可。

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

vue初始化請求後端服務,獲取配置項操作(後端介面服務請求不再贅述),如下所示:

上述**,請求後端服務介面,並進行相應的資料處理,僅獲取需要的配置項內容進行儲存。   

獲取配置項資訊後,在頁面對應所需的屬性位置,進行相應的資料繫結,實現相應的功能即可。部分原始碼如下所示:

上述原始碼中, @focus=「pulldata」 即為在需要使用的時候,獲取相應的配置項、繫結。

優點是,若使用者未操作相應功能,則節省了網路流量,頁面初始化速度也快;操作時的資料時效性好。

缺點是,若進行頁面跳轉時,需要將配置項傳給跳轉頁面,則必須在跳轉前進行配置項資料的獲取。否則,跳轉頁面將缺失配置項。

頁面配置項的初始化,無論使用哪種方式,無所謂對錯,均可實現相應的功能,適當權衡即可。

vue 404頁面配置

路由表中新增乙個路徑為404的路由,同時在路由表的最底部配置乙個路徑為 的路由,重定向至404路由即可。router.js export default newrouter 路由表是動態生成的情況下,也就是說路由表分為兩部分,一部分為基礎路由表,另一部分是需要根據使用者的許可權資訊動態生成的路由表。...

Vue3設定404頁面

這幾天在用vue3寫點小專案遇到了一些坑!路由的404方式變了 只顧著看vue3核心文件,寫404的時候發現原來的 的配置方法在vue3裡面已經不適用了。官方文件建議使用如下 setup裡面獲取上下文呼叫 router.push等方法一些環境下報錯。雖然不知道為什麼,但是官方文件已經給出了在setu...

iOS H5頁面開啟APP技術總結

一 url scheme 其實這種方式很不順滑,在每次跳轉的時候都會彈框詢問。如果iphone中如果沒有安裝則會直接彈出錯誤提示 二 universal links 1 簡介 2 實現步驟 2.1配置https 必須是https 支援 2.2 配置蘋果證書,開啟 associated domains...