关于vue数据不显示及页面刷新二三事

您所在的位置:网站首页 Vue表格数据选中后不显示,然后后面的数据往前移动 关于vue数据不显示及页面刷新二三事

关于vue数据不显示及页面刷新二三事

2024-07-08 05:29| 来源: 网络整理| 查看: 265

今天,在写vue使用element-ui时遇到了一个奇怪的问题,数据不回显,并且不论是input框还是select框都无法显示数据,并且在change事件输出时,发现数据已经赋值成功,但是并未更新到视图层. 于是在百度中寻找答案,没想到还真有很多小伙伴都是这样的情况,很多都说是因为数据层级过深,导致数据更新无法监听到数据的变化,就无法看到数据回显需要加以下代码.

this.$forceUpdate()

尝试之后,真的成功了.但是,真的是因为数据层级的原因吗?我在其他地方使用的也是这样的数据结构,而且数据嵌套也只有两层,其他地方是都可以成功的,那么很显然不是数据层级的问题.于是我询问了我五年后端的兄弟(有个老程序员的兄弟就是爽),他让我把绑定的数据输出一下,于是问题就很显然的出现了.

首先先说明一下代码前提 const AdUrlFrom = { //首先在export defualt 外部定义这个表单的数据模板 linkType: 0


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3