Как объединить v-bind на нескольких атрибутах?

Question

[Дмитрий Баскаков]

Как объединить несколько атрибутов в одном выражении v-bind?

Сейчас у меня такой код. Всё работает, но слишком много кода:

<input type="checkbox" :name="[index === 0 ? 'firstChildFieldPhone' :
'secondChildFieldPhone']" :id="[index === 0 ? 'firstChildFieldPhone' :
'secondChildFieldPhone']" checked>

Answer 1

[Aetae]

Сделать computed свойство возвращающее нужные значения.

Comments

[Дмитрий Баскаков]

А если значение свойства зависит от счетчика цикла?

[Aetae]

Дмитрий Баскаков, значит сделать computed свойство для того массива, по которому потом идёт цикл.

[Дмитрий Баскаков]

Aetae, Звучит интересно. Попробую так

(интересно что даже как-то не подумал об этом)

Answer 2

[Alex]

<input v-bind="{
  attr1: val1,
  attr2: val2,
  attr3: val3,
  attr4: val4,
}">