Vue.js 在Vuejs中的插槽内设置v型值

Vue.js 在Vuejs中的插槽内设置v型值,vue.js,vuejs2,vue-component,Vue.js,Vuejs2,Vue Component,我有两个部分 子组件.vue 父组件.vue 导出默认值{ 数据(){ 返回{ myinput1:“”, myinput2:“”, myinput3:“”, } } } 我需要直接从子组件设置插槽内每个输入字段的值(输入字段的数量可能会改变) 有没有一种方法可以在不触发子组件事件的情况下实现它 谢谢编辑-修改代码以处理可变数量的输入 在子组件中 导出默认值 { 数据() { 返回{ 插槽数据:['1','2','3'] }; } } 在父组件中 EDIT-修改代码以处

我有两个部分

子组件.vue


父组件.vue



导出默认值{
数据(){
返回{
myinput1:“”,
myinput2:“”,
myinput3:“”,
}
}   
}
我需要直接从子组件设置插槽内每个输入字段的值(输入字段的数量可能会改变)

有没有一种方法可以在不触发子组件事件的情况下实现它

谢谢

编辑-修改代码以处理可变数量的输入 在子组件中



导出默认值
{
数据()
{
返回{
插槽数据:['1','2','3']
};
}
}
在父组件中


EDIT-修改代码以处理可变数量的输入 在子组件中



导出默认值
{
数据()
{
返回{
插槽数据:['1','2','3']
};
}
}
在父组件中



你调查过吗?@Beau是的,但我如何在我的案例中使用它们?你调查过吗?@Beau是的,但我如何在我的案例中使用它们?谢谢你的回答,但在我的案例中,我没有固定数量的输入字段。无论如何,我支持你们的答案,因为你们给了我一个很好的起点。父组件定义了子组件有多少个输入字段。我想要的是在所有插槽中循环并设置值。不要忘记Vue有一个严格的MVVM行为-数据从父级传递到子级,事件从子级传递到父级。您最好的办法是将输入的数量(以及最终的类型)传递给孩子,让孩子自己创建(并管理)它们。再次感谢。这是我的第一次尝试,但我更喜欢使用插槽,因为我必须向子组件传递大量道具来创建输入。如果您发现自己传递了太多道具,那么是时候重新考虑和/或重新考虑您的应用程序架构了。您可能需要使用Vuex之类的全局状态管理器,或者在父级中实现子级的行为,而根本不使用子级。或者你可能需要大量的专业儿童,他们已经知道他们需要什么样的投入。无论如何,我们不能像你看到的那样看到整个画面。谢谢你的回答,但是在我的例子中,我没有固定数量的输入字段。无论如何,我支持你们的答案,因为你们给了我一个很好的起点。父组件定义了子组件有多少个输入字段。我想要的是在所有插槽中循环并设置值。不要忘记Vue有一个严格的MVVM行为-数据从父级传递到子级,事件从子级传递到父级。您最好的办法是将输入的数量(以及最终的类型)传递给孩子,让孩子自己创建(并管理)它们。再次感谢。这是我的第一次尝试,但我更喜欢使用插槽,因为我必须向子组件传递大量道具来创建输入。如果您发现自己传递了太多道具,那么是时候重新考虑和/或重新考虑您的应用程序架构了。您可能需要使用Vuex之类的全局状态管理器,或者在父级中实现子级的行为,而根本不使用子级。或者你可能需要大量的专业儿童,他们已经知道他们需要什么样的投入。无论如何,我们不能像你看到的那样看到整个画面。