Как во vue сформировать класс в цикле по условию?

Question

[marsdenden]

Необходимо в цикле для элементов, для которых выполняется некое условие (в данном случае для элементов с 3-го и до конца) сформировать класс, то есть хочется примерно следующего, но этот вариант не работает, ругается на неожиданный токен +:

<div v-for="(t1,i1) in array1">
  <div v-for="(t2,i2) in array2">
    <div :class="{'cls'+'_'+i1:i2>2}">{{t2}}</div>
  </div>        
</div>

То есть, нужно получить следующее:

<div>
  <div>
    <div>aa</div>
  </div>
  <div>
    <div>bb</div>
  </div>
  <div>
    <div class="cls_0">cc</div>
  </div>
  <div>
    <div class="cls_0">dd</div>
  </div>
</div>
<div>
  <div>
    <div>aaa</div>
  </div>
  <div>
    <div>bbb</div>
  </div>
  <div>
    <div class="cls_1">ccc</div>
  </div>
  <div>
    <div class="cls_1">ddc</div>
  </div>
</div>

Как это сделать?

Answer 1

[0xD34F]

:class="{ ['cls_'+ i1]: i2 > 2 }"

Рекомендую ознакомиться.

Comments

[marsdenden]

Спасибо. Ссылку читал, но в голове не срасталось, что так можно и в классах ))