Vue bug from backend

一个后端引发前端的BUG

使用的框架是vue

代码里面有一个组件

<table :data="data"/>

获取后台数据

this.data = await fetch()

table里面是一些可以编辑的input

const dataMock = [
  {
    id: 3,
    input: '',
	type: 'input'
  }
]

<input onBlur="record.input = e.target.value">

大概是一个这样的数据结构

一切正常

一段时间后，代码不正常了，但是前端这边没有更改

通过Vue开发者工具发现值是对的

但是页面错误，编辑后就跳回空置

原因是后端数据变成下面了

const dataMock = [
  {
    id: 3,
  }
]

input已经不能Observer

当没有值的时候，后端不应省略