javascript - vue2 ajax post data updated, but DOM not responding

Question

1. As shown in the figure: this.AreaData is the array. Every time ajax does the first thing, I clear it first and then assign it. The problem is that the assignment is Successful, but there is no response on the DOM. Why?

Answer 1

Try putting it into nextTick function

this.$nextTick(() = {
  this.AreaData = back.commList
})

Answer 2

AreaData, please check if it is declared in the data configuration. If it has been declared, it should be OK.

Answer 3

I have also encountered it, and I don’t know the reason yet. The solution is to use localstorage to temporarily store it. I think it may be the reason. Please refer to this: vueSet

Answer 4

Confirm that this points to the vue object