如何在Vue中将道具从父母传递给孙子

佩尔

我希望不对道具进行硬编码,而只是将任意数量和类型的道具从父母传递给孙子。

我尝试了这个:

<FileListRenderless v-bind="$props" v-on="$listeners">
<!-- <FileListRenderless :attachments="attachments" :isEditMode="isEditMode" :type="type"> -->

效果很好,但是我仍然必须在子组件的props对象中定义它们。还要如何抽象分配给子组件的props对象?

贾斯汀·卡恩(Justin Kahn)

如果您不想在子组件中显式定义props,则应将props作为一个对象传递,例如:

<FileListRenderless :my-props="$props" v-on="$listeners">

这绕过了内置的prop验证。您可以对侦听器执行相同的操作,只需将它们手动附加到组件安装上即可。但是,如果需要这样做,我建议您重新考虑设计。如果您拥有大量可能的道具,那么您可能想找到一种方法来抽象某些逻辑,制作工厂组件,使用指令或使用混合。Vue工具箱中有很多工具。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在反应中将道具从父母传递给孩子?

如何在反应中将状态从父母传递给孩子?

如何在 React 中将道具从孩子传递给父母?

如何将道具从父母转移到孙子vue.js

如何在反应中将功能从父母传递给孩子?

反应:将道具从祖父母传递给孙子

我如何在React中将道具从孩子传递给父母,以增加onClick?

如何在Vue中将多个道具从父组件传递到子组件

如何使用打字稿将道具从父母传递给孩子并做出反应?

如何在 Vue.js 中将数据从父组件传递给子组件?

如何在VueJS中将模板(插槽)从祖父母组件传递到孙子孙?

Vue.js-如何将道具传递给孙子孙女

React - 如何将道具传递给孙子组件?

将数据与祖父母中定义的道具传递给孙子

将道具从父母传递给孩子(而孩子自己是父母)反应js

如何在反应导航中将道具传递给屏幕组件

如何在反应中将道具传递给多级组件?

如何在反应中将异步对象传递给道具?

如何在React中将道具传递给{children}?

如何在反应中将道具传递给孩子?

如何在React Native中将道具传递给模态组件

如何在Vuejs中将道具传递给输入值

如何在php中从父母那里得到一个孙子

将道具传递给孙子 React

使用React和Gatsby将道具从父母传递给孩子

将道具从父母传递给孩子时出错-类型无效

反应redux打字稿:无法将继承的道具从父母传递给类容器

反应本地-将导航道具从父母传递给孩子

如何将孙子菜单对象的属性传递给祖父母?