Question

这是我当前的数据结构


days: [
  {
    id: 0
    name: 'Monday',
    times: []
  },
  {
    id: 1
    name: 'Tuesday',
    times: []
  }
}

我正在使用以下方法将对象添加到times数组。

onTimeAdded (dayId) {
  const dayIndex = this.days.findIndex(day => day.id === dayId)
  this.days[dayIndex].times.push({ from: '09:00', to: '18:00' })
}

这会将对象添加到数组，但是当我更改对象的属性之一的值时，它不是反应性的，我按如下方式定义对象的from和to属性

<input
    type="time"
    name="to"
    :placeholder="To"
    :value="time.to"
>

如果我将对象添加到反应性数组，那么该对象的属性是否是反应性的？

Answer 1

尝试将input的{{1}}属性更改为value，并在占位符之前删除无用的v-model。

:

VueJS将新对象推送到数组，数据不响应

1 个答案: