Radio 的繫結一樣是在 Vue 建立時連帶設定要用來繫結的屬性,然後在 Radio 元素這邊透過 value 指定被選取的值,並用 v-model 指定所要繫結的屬性,設定完後資料屬性與控制項之間即會連動。

像是下面這樣的程式:


Vue - Hello World

Male

Female

{{ sex }}

new Vue({
el: '#app',
data:{
sex: "Male"
}
})

其運行結果如下:

1.png

2.png