Vue.js vuejs2插槽如何与父级通信

我想创建一个formRow组件，该组件有一个用于输入字段的插槽和用于验证的vee validate

这是我的标记

//表单

我试图将该值发送给父对象，并在插槽上使用@input=“onInput”获取该值，但这不起作用

//formrow
{{label}}
从“vee validate”导入{ValidationProvider as vValidationProvider}
从“@primitives/textfield”导入vRadioButton
从“@primitives/formError”导入vFormError
导出默认值{
组成部分：{
vTextfield，
vFormError，
vValidationProvider
},
道具：{
价值：{
类型：字符串，
默认值：“”，
},
验证：{
类型：字符串，
要求：正确，
}
},
方法：{
onInput（值）{
console.log（值）
}
}
}

//textfield
导出默认值{
道具：{
价值：{
类型：字符串，
默认值：“”，
},
错误：{
类型：数组，
默认值：（）=>{}
}
},
数据：{
返回{
//本地\u值：“”
}
}
方法：{
输入（e）{
//this.local_value=e.target.value
此.$emit（'input'，例如target.value）
}
}
}

---

我做错了什么？

您实际上没有将老虎机道具传递给

。我认为您可能假设

上的数据绑定和事件处理程序自动应用于插槽的子项，但事实并非如此

要使用

值

插槽道具，请将其从中解构，并将其绑定到

子级：

您还可以将

onInput

方法作为插槽道具传递：

//vFormRow.vue

然后将事件处理程序绑定到

：