Как вынести в метод назначение классов?

Question

[Алекс]

Есть шаблон:

<template>
  <div class="OfferTask">
    <div class="OfferTask__item" v-for="offerTask in OfferTask">
      <div class="OfferTask__title">{{ offerTask.advertiser.title }}</div>
      <div class="OfferTask__cutLines" v-for="cutLines in offerTask.cutLines">
        <div v-for="cutLine  in cutLines">
          <div class="OfferTask__progress-wrapper">
            <div class="OfferTask__progrerss-logo"></div>
            <div class="OfferTask__progress-item" :class="{'current-active' : (cutLine.progress.current > 0)}">
              <span> {{ cutLine.progress.current }}</span><span> /  {{ cutLine.progress.target }}</span></div>
            <progress class="sum" :max="cutLine.progress.target" :value="cutLine.progress.current"></progress>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

В зависимости от значения свойства назначается класс:

:class="{'current-active' : (cutLine.progress.current > 0)}"

Но это не совсем удобно, как лучше написать метод?

Answer 1

[0xD34F]

methods: {
  classes: obj => ({
    'current-active': obj.progress.current > 0,
  }),
  ...
},

:class="classes(cutLine)"

Comments

[Алекс]

чет не выходит так
Property or method "classes" is not defined on the instance but referenced during render.

[0xD34F]

Выходит. Старайтесь лучше. Проверьте, не пытаетесь ли определить methods дважды, перетирая повторным определением то, где присутствует метод classes.

[Алекс]

0xD34F, сорри тупанул все работает спасибо