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 v-model 特點 input 加上 v-model 能夠與 vue 進行雙向溝通 會覆蓋 HTML 的 value、checked、selected 預設值 2022-02-20 JavaScript Vue Vue
讓 Vue 渲染資料在畫面上的幾個指令 使用 JS 原生要將資料渲染,還要取得 DOM 元素後在進行操作,但是在 Vue 內則可以讓我們省略撰寫渲染的部分,由 Vue 本身來進行渲染,今天要介紹以下四種指令可以幫助我們達到渲染效果。 指令就我目前了解,渲染資料可用下面四種指令: {{ 資料名稱 }} v-text 綁定在標籤上,Ex. v-text="資料名稱" { 2022-02-13 JavaScript Vue Vue
習慣養成只是開始,成長本就是痛苦 我自認自己是一個喜歡自我提升的人,同時也會尋找許多自我提升的方法;最近一兩年很流行的原子習慣,每天 1 % 的進步,雖然微小但累積的能量很可觀,我也一直透過這樣的方式持續進步,這樣看似不會給自己太大壓力的進步方式,或許到了一個階段,還是必然面對相對痛苦的這個階段。 2022-01-30 學習 學習
既然要花一輩子的時間,慢一點又何嘗是件壞事? 這個時代資訊流通非常的快,只要擁有網路,想要尋找哪方面的資訊基本上都能夠 Google 大神或網路上都可以找到,但卻也很容易形成資訊焦慮。 2022-01-23 學習 學習
Vue 搭配 template 標籤使渲染資料不額外產生標籤 使用 Vue 開發程式時,v-for 是一個經常使用的指令,用於一組陣列渲染。不過今天如果只是要進行迴圈渲染,不想額外產生新標籤,又該怎麼進行撰寫? 2022-01-16 JavaScript Vue Vue