Vue, фильтр собственности на Observable

Question

Я довольно новичок в Vue, теперь я делаю следующее:

Я получаю в своем компоненте Item , я распространяю этот Item опровергнуть объект данных формы , который определен в моем компоненте (чтобы иметь реактивность)

data() {
  return {
    form: {}
  }
mounted () {
  this.form = {
    ...this.item,
    translations: { ...this.item.translations }
  }
},

Теперь мои локальные данные формы содержат информацию, включая реактивные переводы, верно?

Следующее, что я пытаюсь сделать, это отфильтровать эти данные, но тогда это меня не подводит.Если я console.log (this.form).Это Наблюдаемый (см. Скриншот)

Есть ли способ отфильтровать, уменьшить, отобразить на этом «Наблюдаемом»?Я правильно делаю «реактивность»?

Answer 1

Попробуйте clone / deepClone, прежде чем присваивать элемент this.form.

Answer 2

Вы можете получить доступ к props из data() напрямую.

data() {
  return {
    form: {
      ...this.item,
      translations: { ...this.item.translations }
    }
  }
},
computed: {
   getForm() {
     // use filter/map method here, e.g.
     // return this.form.filter((item) => { ... })
   }
}