溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇“VUE怎么開發分布式醫療掛號系統的醫院設置頁面”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“VUE怎么開發分布式醫療掛號系統的醫院設置頁面”文章吧。
分布式醫療掛號系統 | 開發醫院設置頁面
在分布式醫療掛號系統中，前端主要使用的兩個技術是Vue和ElementUI。醫院設置微服務模塊的后端之前已經完成，現在需要借助Vue+ElementUI完成醫院設置微服務模塊的前端頁面：
帶斑馬紋表格開發文檔：
在頁面顯示所有記錄列表使用ElementUI的表格組件會更加直觀，我們選用帶斑馬紋表格組件。
要完成刪除一條記錄的功能，我們的思路是為每一條記錄添加一個刪除按鈕，點擊按鈕后會觸發事件，調用方法進而實現功能。
在醫院設置表創建時，我們對表中的status字段做過約定：
status = 1：記錄可用，處于解鎖狀態
status = 0：記錄不可用，處于鎖定狀態
我們現在需要做的鎖定和解鎖功能就是，當這條記錄可用時，將其鎖定，不可用時取消鎖定。
在上述完成的醫院設置前端頁面中，存在一個小bug，當點擊修改按鈕，回顯所有數據后，若在此時點擊醫院設置添加按鈕，并不會將數據清空。我們的保存和修改是公用了一個頁面(組件)來完成的開發。
問題：使用vue-router導航切換時，如果兩個路由都渲染了同一個組件，那么組件的生命周期方法(created或mounted)不會再次被調用。組件會被重用，即顯示上一個路由渲染出來的頁面。
解決方案：可以在 router-view上加上一個唯一的key，來保證路由切換時都會重新觸發生命周期方法，確保組件被重新初始化。
這個解決方案，在我們的Vue框架中已經寫好，我們在src/views/layout/components/AppMain.vue 文件下將其打開即可：
以上就是關于“VUE怎么開發分布式醫療掛號系統的醫院設置頁面”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
