千鋒教育前端Vue3.0全套視頻教程(Kerwin2023版,Vue.js零基礎(chǔ)
2023-07-21 12:30 作者:bili_59091750003 | 我要投稿

v-model實(shí)現(xiàn)雙向數(shù)據(jù)綁定
- 視圖更改狀態(tài)就跟著更改,反過(guò)來(lái),狀態(tài)更改了,視圖也會(huì)改變
- 如果checkbox中想通過(guò)一個(gè)屬性來(lái)表示一個(gè)復(fù)選框的兩種狀態(tài),可以直接給狀態(tài)復(fù)一個(gè)布爾值;
- 如果checkbox想通過(guò)一個(gè)屬性來(lái)實(shí)時(shí)獲得一個(gè)調(diào)查問(wèn)卷的選中結(jié)果,就可以把初始狀態(tài)給一個(gè)數(shù)組,并且在每一個(gè)input上,書寫一個(gè)value屬性并賦值。因?yàn)閿?shù)值是雙向數(shù)據(jù)綁定的,所以在數(shù)組內(nèi)容發(fā)生改變的時(shí)候,input的選中狀態(tài)也會(huì)發(fā)生改變。
- 如果是radio實(shí)現(xiàn)單選,我們就可以把初始狀態(tài)給一個(gè)字符串,而且還可以給一個(gè)默認(rèn)值,代表他默認(rèn)選中項(xiàng)。
- 如果是select選擇器,只需要給它綁定一個(gè)v-model的選項(xiàng),并綁定狀態(tài),狀態(tài)默認(rèn)值可以給空字符串,這樣選中了那個(gè)option就是那個(gè)。同理,如果默認(rèn)值給了其中的一個(gè)option中間的內(nèi)容,那么這個(gè)select的初始值就是這個(gè)內(nèi)容(沒(méi)設(shè)置value的情況)。初始值就是option對(duì)應(yīng)的value的內(nèi)容(設(shè)置了value的情況)。
標(biāo)簽: