欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Vue表單控件綁定圖文詳解

 更新時(shí)間：2019年02月11日 16:44:27   投稿：laozhang  
在本文中我們給大家整理了一篇關(guān)于Vue表單控件綁定的相關(guān)知識(shí)點(diǎn)內(nèi)容，有需要的朋友們參考下。

Vue 表單控件綁定的實(shí)現(xiàn)，具體可以通過(guò)以下步驟操作來(lái)實(shí)現(xiàn)。

1、基礎(chǔ)用法

可以用 v-model 指令在表單控件元素上創(chuàng)建雙向數(shù)據(jù)綁定。根據(jù)控件類型它自動(dòng)選取正確的方法更新元素。盡管有點(diǎn)神奇，v-model 不過(guò)是語(yǔ)法糖，在用戶輸入事件中更新數(shù)據(jù)，以及特別處理一些極端例子。

2、Checkbox

單個(gè)勾選框，邏輯值：

3、多個(gè)勾選框，綁定到同一個(gè)數(shù)組：

4、動(dòng)態(tài)選項(xiàng)，用 v-for 渲染：

5、值綁定

對(duì)于單選按鈕，勾選框及選擇框選項(xiàng)，v-model 綁定的值通常是靜態(tài)字符串（對(duì)于勾選框是邏輯值）：

6、但是有時(shí)想綁定值到 Vue 實(shí)例一個(gè)動(dòng)態(tài)屬性上?？梢杂?v-bind 做到。 而且 v-bind允許綁定輸入框的值到非字符串值。

7、參數(shù)特性lazy

在默認(rèn)情況下，v-model 在input 事件中同步輸入框值與數(shù)據(jù)，可以添加一個(gè)特性lazy，從而改到在 change 事件中同步：

8、debounce

debounce 設(shè)置一個(gè)最小的延時(shí)，在每次敲擊之后延時(shí)同步輸入框的值與數(shù)據(jù)。如果每次更新都要進(jìn)行高耗操作（例如在輸入提示中 Ajax 請(qǐng)求），它較為有用。

9、注意 debounce 參數(shù)不會(huì)延遲 input 事件：它延遲“寫(xiě)入”底層數(shù)據(jù)。因此在使用 debounce時(shí)應(yīng)當(dāng)用 vm.$watch() 響應(yīng)數(shù)據(jù)的變化。若想延遲 DOM 事件，應(yīng)當(dāng)使用 debounce 過(guò)濾器。注意 debounce 參數(shù)不會(huì)延遲 input 事件：它延遲“寫(xiě)入”底層數(shù)據(jù)。因此在使用 debounce時(shí)應(yīng)當(dāng)用 vm.$watch() 響應(yīng)數(shù)據(jù)的變化。若想延遲 DOM 事件，應(yīng)當(dāng)使用 debounce 過(guò)濾器。

相關(guān)文章

最新評(píng)論