I currently have a component that includes a v-checkbox with dynamic behavior. The issue arises when clicking one of the dynamic v-checkbox elements within a v-for loop. This triggers the v-checkbox :key="'checkfont'" causing the checkFont prop value to change unexpectedly.
Upon inspection using the Vue Devtools, it appears that the :val prop retains the correct value. However, upon clicking, the event emits a boolean value, which then triggers the @clicked="changeStatus($event)" method. This behavior raises questions about the component's usage and how to resolve this issue effectively.