# checkbox取消選中不好使 直接說結論：u-checkbox-group的v-model和checkbox的checked屬性是互相沖突的，兩個只能選擇一個，如果都選上了就會出現這個bug，復現問題的代碼如下： ```vue <template> <u-checkbox-group v-model="checkboxValue2" // 關鍵部分，給checkbox-group綁定v-model placement="column" @change="checkboxChange" shape="square" > <u-checkbox :customStyle="{marginBottom: '8px'}" v-for="(item, index) in checkboxList2" :key="index" :label="item.name" :name="item.name" :checked="true" // 關鍵部分，給子組件指定checked屬性 > </u-checkbox> </u-checkbox-group> </template> <script> export default { data() { return { checkboxList2: [{ name: '西游記', disabled: false }, { name: '紅樓夢', disabled: false }, { name: '三國演義', disabled: false }, { name: '水滸傳', disabled: false } ], // u-checkbox-group的v-model綁定的值如果設置為某個checkbox的name，就會被默認選中 checkboxValue2: ['西游記', '紅樓夢', '三國演義', '水滸傳'], } } } </script> ``` 此時就會發現怎么取消也取消不了。 ## 問題原理 在checkbox-group里的value變化的時候會重新調用一遍子組件的init方法，init方法會檢查checked來確定自己的選中狀態，所以其實是取消成功了的，但是它又以很快的速度給你勾選上了，人眼看不出來就會認為是取消不動。 ## 解決方案 兩個屬性不要一起設置就好了。 > 本文作者： 不愛喝橙子汁