Gui Blog - 網站的工具人
  • 首頁
  • 封存
  • 分類
  • 標籤
  • 關於
  •   
  •   
Vue 的幾個 V-model 修飾符:lazy、number、trim

Vue 的幾個 V-model 修飾符:lazy、number、trim

v-model 可透過一些修飾符,來去對 input 進行限制與效果。 lazy:轉為 change 事件後同步編輯資料時不會一起更動值,等到輸入完畢離開 input 後才會變動 12345<!-- HTML --><div id="app"> <input type="text" v-model.lazy="m

2022-02-27
JavaScript Vue
Vue
讓資料進行雙向綁定的 Vue 指令:V-model

讓資料進行雙向綁定的 Vue 指令:V-model

v-model 特點 input 加上 v-model 能夠與 vue 進行雙向溝通 會覆蓋 HTML 的 value、checked、selected 預設值

2022-02-20
JavaScript Vue
Vue
讓 Vue 渲染資料在畫面上的幾個指令

讓 Vue 渲染資料在畫面上的幾個指令

使用 JS 原生要將資料渲染,還要取得 DOM 元素後在進行操作,但是在 Vue 內則可以讓我們省略撰寫渲染的部分,由 Vue 本身來進行渲染,今天要介紹以下四種指令可以幫助我們達到渲染效果。 指令就我目前了解,渲染資料可用下面四種指令: {{ 資料名稱 }} v-text 綁定在標籤上,Ex. v-text="資料名稱" {

2022-02-13
JavaScript Vue
Vue
Vue 起手式,載入 CDN 建立環境

Vue 起手式,載入 CDN 建立環境

之前學習 Vue 寫的筆記,先 Po 上來一下,預計這星期補上後續更熟悉後對 Vue 的了解。

2022-02-06
JavaScript Vue
Vue
習慣養成只是開始,成長本就是痛苦

習慣養成只是開始,成長本就是痛苦

我自認自己是一個喜歡自我提升的人,同時也會尋找許多自我提升的方法;最近一兩年很流行的原子習慣,每天 1 % 的進步,雖然微小但累積的能量很可觀,我也一直透過這樣的方式持續進步,這樣看似不會給自己太大壓力的進步方式,或許到了一個階段,還是必然面對相對痛苦的這個階段。

2022-01-30
學習
學習
既然要花一輩子的時間,慢一點又何嘗是件壞事?

既然要花一輩子的時間,慢一點又何嘗是件壞事?

這個時代資訊流通非常的快,只要擁有網路,想要尋找哪方面的資訊基本上都能夠 Google 大神或網路上都可以找到,但卻也很容易形成資訊焦慮。

2022-01-23
學習
學習
Vue 搭配 template 標籤使渲染資料不額外產生標籤

Vue 搭配 template 標籤使渲染資料不額外產生標籤

使用 Vue 開發程式時,v-for 是一個經常使用的指令,用於一組陣列渲染。不過今天如果只是要進行迴圈渲染,不想額外產生新標籤,又該怎麼進行撰寫?

2022-01-16
JavaScript Vue
Vue
12345…14

搜尋

Hexo Fluid