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
当没有值的时候,后端不应省略
本文来自博客园,作者:彩虹刀法,转载请注明原文链接:https://www.cnblogs.com/listen80/p/17548257.html