五月天青色头像情侣网名,国产亚洲av片在线观看18女人,黑人巨茎大战俄罗斯美女,扒下她的小内裤打屁股

歡迎光臨散文網(wǎng) 會(huì)員登陸 & 注冊(cè)

VUE3--雙向綁定v-model指令

2022-10-20 19:35 作者:圖難于易  | 我要投稿

1、定義
v-model 指令用來在 input、select、textarea、checkbox、radio 等表單控件元素上,并創(chuàng)建雙向數(shù)據(jù)綁定,根據(jù)表單上的值,自動(dòng)更新綁定的元素的值。即v-model數(shù)據(jù)既能從view流向model,也能從model流向view。我們可以將后臺(tái)的查詢數(shù)據(jù)等操作,通過異步請(qǐng)求,放在created或者mounted等鉤子函數(shù)中,查詢到的數(shù)據(jù)可以處理后自動(dòng)傳給view層。
2、使用場(chǎng)景
表單提交是開發(fā)中常見功能,也是和用戶交互的重要手段:例如用戶在登錄、注冊(cè)時(shí)需要提交賬號(hào)密碼;如用戶在檢索、創(chuàng)建、更新信息時(shí),需要提交一些數(shù)據(jù); 這些都要求在代碼邏輯中獲取到用戶提交的數(shù)據(jù),通常會(huì)使用v-model指令來完成。
3、v-model修飾符 - lazy
v-model在進(jìn)行雙向綁定時(shí),綁定的是input事件,那么會(huì)在每次內(nèi)容輸入后就將最新的值和綁定的屬性進(jìn)行同步。如果我們?cè)趘-model后跟上lazy修飾符,那么會(huì)將綁定的事件切換為 change 事件,只有在提交時(shí)(比如回車)才會(huì)觸發(fā)。

V-MODEL演示示例

案例中值是在template中固定好的,但在真實(shí)開發(fā)中,數(shù)據(jù)是來自服務(wù)器的,可以先將值請(qǐng)求下來,綁定到data返回的對(duì)象中,再通過v-bind來進(jìn)行值的綁定,這個(gè)過程就是值綁定。

VUE3--雙向綁定v-model指令的評(píng)論 (共 條)

分享到微博請(qǐng)遵守國家法律
丁青县| 连平县| 阳春市| 四川省| 隆林| 永吉县| 宽城| 长宁区| 平原县| 永康市| 洞头县| 镇康县| 塔河县| 靖州| 项城市| 新巴尔虎右旗| 石棉县| 玛曲县| 东安县| 车险| 曲周县| 大姚县| 金溪县| 南丰县| 镇坪县| 全州县| 五大连池市| 册亨县| 周宁县| 武威市| 绥德县| 阳信县| 吉木乃县| 康定县| 沙河市| 临湘市| 积石山| 湘阴县| 吉首市| 都匀市| 甘南县|