Vue:如何通过循环传递多个道具

时间:2018-09-24 15:35:06

标签: javascript web vue.js vuejs2

我有一个具有多个属性的对象。

我想在我的组件中传递这多个道具。通常,我知道我想通过哪些道具,并这样做:

<component :prop1="object.prop1" :prop2="object.prop2" :prop3="object.prop3" />

但是我想传递这些道具而不知道我的JSON对象中有多少道具。就像一个循环:

<component :loopThroughMyProps="object" />

这样我得到相同的结果。有可能实现这一目标吗?

1 个答案:

答案 0 :(得分:1)

我想您需要的只是

<component v-bind="object"/>

然后在组件中,将具有根据对象键命名的道具。