Vue.js onchange使用基本选择组件

Vue.js onchange使用基本选择组件,vue.js,select,vuejs2,vue-component,onchange,Vue.js,Select,Vuejs2,Vue Component,Onchange,我正在处理并试图修改一段示例代码,以便从基本选择输入子组件触发@change事件 基本组件如下所示 {{label}} {{opt.label | |'无标签'} 导出默认值{ 道具:{ 标签:{ 类型:字符串, 必填项:true }, 选项:{ 类型:数组, 要求:正确, 验证器(opts){ return!opts.find(opt=>typeof opt!==“object”) } }, 价值:{ 类型:字符串, 必填项:true }, 验证器:{ 类型:对象, 必填项:false, 验

我正在处理并试图修改一段示例代码,以便从基本选择输入子组件触发@change事件

基本组件如下所示


{{label}}
{{opt.label | |'无标签'}
导出默认值{
道具:{
标签:{
类型:字符串,
必填项:true
},
选项:{
类型:数组,
要求:正确,
验证器(opts){
return!opts.find(opt=>typeof opt!==“object”)
}
},
价值:{
类型:字符串,
必填项:true
},
验证器:{
类型:对象,
必填项:false,
验证器($v){
返回$v.hasOwnProperty(“$model”)
}
}
}
}
并且子组件具有引用


...
方法:{
变更项目(事件){
console.log('onChange')
console.log(event.target.value)
},

该方法似乎没有被命中,当我使用select输入而不是BaseSelect时,它会按预期工作,因此我怀疑此处的设置中缺少某些内容或不太正确。

您正在发出
输入事件,但正在侦听
更改事件:

@change="$emit('input', $event.target.value)"

...

v-on:change="changeItem($event)"

您正在发出
输入
事件,但正在侦听
更改
事件:

@change="$emit('input', $event.target.value)"

...

v-on:change="changeItem($event)"

传奇!谢谢TommyFLegend!谢谢TommyF