Как сократить множественный v-bind?

Question

[dron112]

<Card
  v-for="(flat, idx) of getFlats"
  :key="idx"
  v-bind:title="flat.title"
  v-bind:id="flat.id"
  v-bind:square="flat.square"
  v-bind:price="flat.price"
  v-bind:desc="flat.desc"
  v-bind:phone="flat.phone"
/>

Итерирую компонент и прокидываю в него св-ва, как упростить эту запись и избавить от большого кол-ва v-bind?

Answer 1

[Alex]

Если имена свойств совпадают, то попробуйте так:
v-bind="flat"
Результат должен быть эквивалентным

Comments

[no_one_safe]

Все верно, так будет работать. официальная документация vue

[dron112]

no_one_safe, да но у меня же есть v-for, как в таком случае быть ?

[no_one_safe]

dron112, ну так и что? Ты не спрашивай как будет, а просто посмотри.