So erstellen Sie ein benutzerdefiniertes Kontrollkästchen in Vue. Wenn sich das Kontrollkästchen ändert, sollte es die Funktion aufrufen. Ich habe die Fehlermeldung „Eigenschaft ‚id‘ von undefiniert kann nicht gelesen werden“ erhalten. und Warnung „Während der Ausführung eines nativen Event-Handlers ist ein nicht behandelter Fehler aufgetreten“
Benutzerdefiniertes Kontrollkästchen:
{{ label }}
Ich möchte dies in einer übergeordneten Komponente verwenden:
无法重复出现未定义和未处理的错误，您需要进一步调试。
但是您正在发出emit函数，这很奇怪，而且无论是否选中，值始终为
filter.id。您可能想要做一些类似以下的操作：
new Vue({ el: '#app', components: { 'Checkbox': { template: '#checkbox-template', props: { label: { type: String, default: '' }, value: { type: Boolean, default: false }, id: { type: String, default: '' } } } }, data: () => ({ filters: [{ id: 1, name: 'a', selected: true, },{ id: 2, name: 'b', selected: false, }] }), methods: { mutuallyExclusive(value) { console.log(value) } } })