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

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

posted @ 2023-07-12 17:12  彩虹刀法  阅读(7)  评论(0编辑  收藏  举报