我有一個帶有許多復選框的陣列。
<li v-for='item in resultQuery' :key='item.id'>
<label class='custom-checkbox'>
<input type='checkbox' :value='item.id' v-model='checkBrands'>
<span @click='loadProducts(item.seoName)>{{ item.title }}</span>
</label>
</li>
我需要判斷真偽（取決于復選框）。如何在不影響 v-model 的情況下執行此操作？（用它來傳遞一組選中的復選框）。
需要觸發特定的突變
.then((response) => {
if(true) {
this.$store.commit(
'showFilteredList',
response.data.items
);
} else {
this.$store.commit(
'deleteCheckboxItems',
response.data.items
);
}
});
uj5u.com熱心網友回復：
您可以@change在復選框上使用。
示例：https : //codepen.io/koei5113/pen/ZEXLLgL
<input type='checkbox' :value='item.id' v-model='checkBrands' @change="changeEvent">
methods: {
...,
changeEvent($event) {
console.log($event.target.checked);
}
}
在此示例中，您可以看到您v-model仍在作業，并且您仍然可以通過更改事件檢查復選框狀態。
uj5u.com熱心網友回復：
v-model忽略:value輸入中的 。你需要使用:checked和@change
例如，當您發出更改事件時，請使用您的函式。
<input type="checkbox" :checked="value" @change="changeArrayNotValue" />
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/380331.html