javascript数组推送可以工作，但不能分配给它的索引

Question

虽然这是在 vuejs 中完成的，但我坚信这是与普通的 javascript 相关的，我有这个 doc_types 数组，当我尝试为其索引分配一些值时它不起作用，但是当我尝试推送时它工作正常..

data: function () {
    return {
      doc_types: [],
    }
  },
  methods:  {
      populateDocType() {

                 this.doc_types.push(response.data); //this works
                 this.doc_types[0] = response.data //this doesn't...no errors though..just the array is unmodified..

      }
  }

Answer 1

我假设当你说它不起作用时会触发它应该触发的监听器，而不是数据结构本身没有改变。

这是 Vue 变更检测中的一个值得注意的警告。

解决方案是使用Vue的解决方法

Vue.set(array, indexOfItem, newValue)

或者根据你的情况

Vue.set(this.doc_types, 0, response.data)

这里有更全面的解释:https://v2.vuejs.org/v2/guide/list.html#Caveats