Блог

Я довольно новичок в Vue, сейчас я делаю следующее.

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

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

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

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

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

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

Вы можете получить доступ 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) => { ... })
   }
}