iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 7
0
自我挑戰組

輕鬆Vue一下系列 第 7

Day7-雙向綁定v-model(單選&複選)

  • 分享至 

  • xImage
  •  

在數據的雙向綁定中,有時會遇到單選和複選的問題,而它們在初始值設定上不太一樣,前者就像一般的字串內容設定一個字串即可;後者則是需以一個陣列的型態來設定初始值,如下:
https://ithelp.ithome.com.tw/upload/images/20190923/20112076mgHEOJxLcz.jpg
https://ithelp.ithome.com.tw/upload/images/20190923/20112076RXprWcdYcg.jpg
單選時:
https://ithelp.ithome.com.tw/upload/images/20190923/20112076945zcj6qxj.jpg
複選時:
https://ithelp.ithome.com.tw/upload/images/20190923/201120761VkhDqn1v7.jpg
明日預告:事件處理v-on:click


上一篇
Day6-雙向綁定v-model(文字)
下一篇
Day8-事件處理v-on:click
系列文
輕鬆Vue一下30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言