84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
如何在Vue中创建自定义复选框。当复选框改变时，它应该调用函数。 我得到了错误“无法读取未定义的属性'id'” 和警告“在执行本机事件处理程序期间出现未处理的错误”
自定义复选框：
{{ label }}
我想在父组件中使用它：
无法重复出现未定义和未处理的错误，您需要进一步调试。
但是您正在发出emit函数，这很奇怪，而且无论是否选中，值始终为filter.id。
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) } } })
无法重复出现未定义和未处理的错误，您需要进一步调试。
但是您正在发出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) } } })