輸入陣列的好幫手 Chips Input Chips Input 是不是有些時候建立使用者表單輸入時，會有能填多種值的欄位，像是興趣、職業等等。 但是又怕使用者格式填錯，變成用奇怪的符號來分隔字串。...
本文會介紹可以依照條件變化改變渲染元素的 Directives ，分別是以 v-if 、 v-else-if 及 v-else 為一組的條件渲染 Directives ，以及 v-show 這個控制是...
https://codepen.io/hereiscasio/pen/ZqXVWN?editors=1010 Used UI Component ( #2 ) #1 Subheaders, #2 S...
昨天學習v-for語法是以render一組標籤來作範例，那如果遇到需要一次render不只一組標籤呢？假設想render出來的結構長這樣： <div id="app">...
今天開發的 FormAddPost 主要功能為 新增/修改 一篇文章的表單。 會用到之前寫的元件: TheMarkdown vue-codemirror PostPreview 以及 vuetif...
Vuex 計數器範例 - 2 今天來把昨天的計數器的範例整理成正確的資料結構，如果你還沒完成昨天的範例的話，建議先完成一下，今天的內容才會比較看得懂唷！ 物件展開運算符 不過在看範例前，先補充一個小知...
Vuex 計數器範例 相信昨天介紹完了 Vuex 後還是會有很多人不知道該如何使用，今天就用實際範例來介紹 Vuex 究竟該如何使用，直接看下面的範例吧！ 安裝 Vuex 首先，先用 npm 來安裝...
Vuex 接下來要來介紹的是 Vuex，在這我先附上官方文件。 什麼是 Vuex？ Vuex 可以用來管理前端網站的資料狀態，以集中式的方式管理儲存所有元件的狀態，大型專案都會建議使用。 介紹 我們之...
組件 component 在第四日撿到財神爺帽子鬍鬚組時有提到：component記得要 data/ function/ return 才不會變均富卡，現在要談談將component發揮更大的功效。官...
序 大家好，這篇開始就開始來談後端表單常用到的元件吧～ 原本的旅遊系列再來的頁面都是以layout為主 但是quasar的layout元件也差不多介紹完了 才發現一堆表單類的還沒介紹 所以先暫時喊卡...