将插槽与组件动态通信给父级

时间:2019-02-21 03:01:47

标签: vuejs2

我在VueJS中是一个新手,不需要Bus或Vuex,就很难理解组件之间的通信。

我有3个组件:CompForm,CompField和CompText。

CompForm是一个包装,包含很多CompField。这里有一个数据“ form:{}”。

CompField有一个<component :is...>,可以通过道具调用组件。

CompText是CompField调用的组件

如何将CompText的数据传递给CompForm?我尝试使用:value,@ input,slot-scoped,emit,但没有任何效果(或者我使用错了)。此时,我可以将CompText通讯到CompField,但是不能将CompText通讯到CompForm。

我在工作中做了一个沙箱: https://codesandbox.io/s/n0yq3jyz7p

我在做什么很好?还是我最好使用Vuex?还是其他方式?欢迎任何建议:D

这个想法可以使具有大量字段类型的表单动态化,并非常轻松地创建表单。

谢谢大家。

0 个答案:

没有答案