Vue中的Checkbox組件有一個屬性叫做"value",它用來指定當前Checkbox的選中狀態。當Checkbox被選中時,value屬性的值為true,如果沒有選中則為false。
當使用v-model指令綁定Checkbox組件時,綁定的數據會同步更新。在數據發生變化時,Checkbox的選中狀態也會同步更新,這也是Vue框架的雙向數據綁定的體現。
<template> <div> <label> <input type="checkbox" v-model="isChecked" :value="true"> 選中 </label> <label> <input type="checkbox" v-model="isChecked" :value="false"> 未選中 </label> <p>當前選中狀態: {{ isChecked }}</p> </div> </template> <script> export default { data() { return { isChecked: false } } } </script>
上述代碼中,我們創建了一個Checkbox組件,使用v-model指令將isChecked數據與Checkbox的選中狀態雙向綁定。在isChecked數據發生變化時,Checkbox的選中狀態也會隨之更新。
Checkbox的value屬性可以不指定,默認值為true。在開發中,我們通常會根據具體需求設置value屬性的值。