Почему вычисляемое свойство вычисляется 2 раза?

Question

[nurdus]

Добрый день.
При загрузки сайта _jobs вычисляется корректно, НО буквально через секунду _jobs обновляется и изменяемые поля свойства становятся undefined, единственный способ избежать этого это проверка на undefined. Не пойму почему так происходит?
Вычисляемое свойство:

computed: {
    _jobs: function() {
      let self = this
      let tjobs = _.map(this.jobs, function(job) {
        _.mapKeys(self.utils, function(field, fieldKey) {
          if (field[job[fieldKey]]) { // без этого if возвращается undefined
            job[fieldKey] = field[job[fieldKey]]
          }
          return job
        })
        return job
      })
      return tjobs
    }
  }

utils.js:

export const utils = {
  kind: {
    job: "clock",
    notice: "file-text",
    control: "check-circle"
  },
  state: {
    work: "В работе",
    done: "Выполнено",
    breakk: "Прекращено"
  }
}

Comments

[Антон Швец]

wath: {
  jobs(value) {
    console.log('jobs', value);
  },
  utils(value) {
    console.log('utils', value);
  },


}

и проверяешь

[lavezzi1]

А используете как?

[aloky]

стрелочную функцию используйте, чтоб не писать let self = this

[nurdus]

Передаю потомку:

<IterableTableTemplate :items="_jobs" :fields="fields"></IterableTableTemplate>

потомок просто отображает его:

<tr v-for="item in items" :key="item._id" :class="[...item.class]">
  <td v-for="(field, keyField) in fields" :key="keyField">
    <component v-if="field.feather" :is="feather" :icon="item[keyField]"></component>
    <template v-else>{{ item[keyField] }}</template>
  </td>
</tr>

[nurdus]

aloky, ок, спасибо )

[nurdus]

Антон, ничего нет, jobs изначально получаю от родителя

[nurdus]

кстати, вот как это выглядит... ссылка