Vue page rendering problem

get the data, but the data of some fields cannot be rendered (not displayed). Press F12 to display it. As shown in the figure, the office field cannot be displayed

clipboard.png

clipboard.png

Mar.23,2021

this has something to do with vue's handling of arrays

due to the limitation of JavaScript, Vue cannot detect the following changing arrays:
when you set an item directly using the index, for example: vm.items [indexOfItem] = newValue
when you modify the length of the array, for example: vm.items.length = newLength
it is recommended to use the splice () method or $set

for more information, please see ide/list.html-sharp%E6%95%B0%E7%BB%84%E6%9B%B4%E6%96%B0%E6%A3%80%E6%B5%8B" rel=" nofollow noreferrer > vue array update detection


you can't see all the code, so guess.
change the commented out line of $set code to

when the existing code remains the same.
this.$set(this.list,i,this.list[i])

try it.

Menu