iCheck是一個功能強大的jQuery插件，它可以美化復選框和單選框控件，使它們有更好的用戶體驗。ICheck全選Vue可以使用Vue.js框架結合iCheck插件來實現全選和反選功能。

// 引入iCheck插件和樣式文件
import 'icheck/icheck.js';
import 'icheck/skins/all.css';
export default {
data() {
return {
checked: false,
choices: [
{ name: 'item1', value: '1' },
{ name: 'item2', value: '2' },
{ name: 'item3', value: '3' },
]
}
},
mounted() {
// 使用iCheck插件美化復選框
$('input').iCheck({
checkboxClass: 'icheckbox_flat-blue',
radioClass: 'iradio_flat-blue'
});
},
methods: {
toggleCheck() {
// 實現全選和反選功能
this.checked = !this.checked;
$('input').iCheck(this.checked ? 'check' : 'uncheck');
},
checkSingle() {
// 遍歷每個選擇項，如果有未勾選的就將全選按鈕取消勾選狀態
this.checked = this.choices.every(function(item) {
return item.selected;
});
}
}
}

在組件的data函數中，我們定義了兩個變量：一個控制全選和反選的變量checked，一個存儲所有可選項的數組choices。mounted鉤子函數中，我們使用iCheck插件美化了復選框和單選框。

在methods方法中，我們定義了兩個函數toggleCheck和checkSingle。toggleCheck函數用于控制全選和反選，它會將checked變量取反，然后通過iCheck插件實現全選或取消全選的功能。checkSingle函數用于檢查每個選擇項的選中狀態，如果有未勾選的項，則將全選按鈕取消勾選狀態。

Select All
{{ choice.name }}

在模板中，我們使用了v-for指令遍歷choices數組，將每個選擇項綁定到一個復選框控件上，并且使用了v-model指令來綁定選擇項的選中狀態。最后，全選按鈕的綁定使用了checked和toggleCheck函數實現。

總之，ICheck全選Vue結合了Vue.js框架和iCheck插件的優勢來實現全選和反選功能。通過使用Vue的雙向綁定和iCheck的美化效果，我們可以為用戶帶來更好的體驗。如果您需要在Vue項目中實現復選框全選和反選功能，那么ICheck全選Vue是一個非常好的選擇。