iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 27
1
自我挑戰組

Vue 與 Element UI 兩三事系列 第 27

Vue 與 Element UI 兩三事#27 第四週回顧

  • 分享至 

  • xImage
  •  

正文:
在這週,我們把 element-ui 常用的內容介紹完了,並且開始使用 vue + element 實作了一個登入頁面,在這之後也補充了之前沒有介紹到的導航守衛,現在就來回顧一下吧

第一天:
在本週第一天,介紹到了 element-ui 的數字輸入器和單選紐以及多選框,在這邊也介紹到了單選紐和多選框可以透過在結尾加上 -button 來將樣式變成 button 的形狀

第二天:
到了第二天,介紹到了 element-ui 的時間選擇器和時間選取器,若我們需要提供使用者一個時間區間來讓他們選擇,那我們使用 el-time-select,若是我們要提供的是一個完善的時間提供選擇,那使用 el-time-picker,差別在於 el-time-select 的時間若我們不提供那不會顯示,el-time-picker 則是僅僅將不允許選擇而已

第三天:
在第三天中,介紹到了 el-date-picker 日期選取器,主要使用方式與 el-time-picker 相同,在這天有補充到該如何控制畫面上和資料上的資料格式

第四天:
這天,介紹到了 element-ui 中的表單控制,其中最重要的表單驗證也在這天所講到該如何去自訂需要的驗證規則

第五天:
在第五天,講解了如何實作一個登入頁,透過 el-form 和 el-message 創造了一個登入頁提供使用者進行登入

第六天:
第六天,補充到了 vue-router 中的導航守衛,我們可以透過它來對使用者的路由進行控制和攔截,避免使用者在錯誤的時間點進入倒不適合的頁面。


上一篇
Vue 與 Element UI 兩三事#26 導航守衛
下一篇
Vue 與 Element UI 兩三事#28 Firebase 前端救星
系列文
Vue 與 Element UI 兩三事30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言