iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

Vue 與 Element UI 兩三事 系列

本次主題主要在介紹 Vue 和 Element UI 為主,中間可能會穿插些對於網路整體有幫助的內容,若能幫助到各位那可是太棒了。

鐵人鍊成 | 共 30 篇文章 | 12 人訂閱 訂閱系列文 RSS系列文
DAY 21

Vue 與 Element UI 兩三事#21 element-ui input(2)

正文:對於數字輸入框,element-ui 有自己的元件可供使用,僅需提供初始值即可,並且可以額外接受最大最小值的設定 <element-input-nu...

2020-09-21 ‧ 由 呆呆小將 分享
DAY 22

Vue 與 Element UI 兩三事#22 element-ui 時間選擇器

正文:element-ui 與大部分的樣式框架一樣,皆有提供時間選擇器,這邊就讓我們來看一下使用方式吧固定區間的時間選擇器 <el-time-select...

2020-09-22 ‧ 由 呆呆小將 分享
DAY 23

Vue 與 Element UI 兩三事#23 日期選取器

正文:上一篇介紹完了時間選取/選擇器,這次就來介紹日期選取器吧 <el-date-picker v-model="date" plac...

2020-09-23 ‧ 由 呆呆小將 分享
DAY 24

Vue 與 Element UI 兩三事#24 Form 表單

正文:今天來介紹 form 表單吧 <el-form ref="form" :model="form" :rule...

2020-09-24 ‧ 由 呆呆小將 分享
DAY 25

Vue 與 Element UI 兩三事#25 登入頁

正文:今天要來實作登入頁面了,由於主要是提供後臺管理使用,因此暫時不會有忘記密碼和註冊等功能,但該有的表單驗證還是有的,先上圖吧我們來將步驟拆解 前往src/...

2020-09-25 ‧ 由 呆呆小將 分享
DAY 26

Vue 與 Element UI 兩三事#26 導航守衛

正文:當使用者進入後台後,會根據其權限決定它可以看到甚麼樣的內容,不過若他知道了沒有權限頁面的網址該怎麼辦呢,這邊就來看看 vue router 的導航守衛如何...

2020-09-26 ‧ 由 呆呆小將 分享
DAY 27

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

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

2020-09-27 ‧ 由 呆呆小將 分享
DAY 28

Vue 與 Element UI 兩三事#28 Firebase 前端救星

正文:相信有些在前端工程這條路奮鬥的朋友是沒有接觸過後端語言與資料庫的,而當遇到想要自己架設網站時該如何產生 API 來跟資料庫連線呢?這時候就該搬出 Fire...

2020-09-28 ‧ 由 呆呆小將 分享
DAY 29

Vue 與 Element UI 兩三事#29 Firebase

正文:延續昨天的主題,在 Firebase 中對於驗證身分這塊除了個人申請帳號外有提供許多的第三方帳號連動,讓我們來看一下吧首先呢,進入到我們的專案內再來呢,選...

2020-09-29 ‧ 由 呆呆小將 分享
DAY 30

Vue 與 Element UI 兩三事#30 完賽感想與心得

前言:首先呢,對於對這主題有興趣的邦友、期待的朋友以及月初的自己感到抱歉,月初的雄心壯志不曉得在哪次的今日上班好累,內容稍微減少一些給消除掉了,因此呢,與其說這...

2020-09-30 ‧ 由 呆呆小將 分享