美文网首页
数据变化,视图没变化

数据变化,视图没变化

作者: 岚平果 | 来源:发表于2020-12-25 14:48 被阅读0次

一、问题场景

  1. 对请求回来的数据进行操作,但是视图没有变化

二、问题解决

  1. 请求回来的数据arr,如果已经赋值给了data里的属性arr2,再对这个arr2进行循环遍历加属性,这时视图是不会变化的。因为vue没有监听到这个属性。正常情况如下:
// 先对返回的数据进行操作,最后赋值给data里的属性
let result = res.data;
result.specialSpec.forEach(item => {
    item.arr = [];
    item.values.forEach(ele => {
        item.arr.push({
            text: ele,
            attrIndex: -1
        })
    })
})
this.goods = res.specialSpec;

相关文章

  • 数据变化,视图没变化

    一、问题场景 对请求回来的数据进行操作,但是视图没有变化 二、问题解决 请求回来的数据arr,如果已经赋值给了da...

  • 组件化和React

    组件化 组件的封装 视图 数据 变化逻辑(数据驱动视图变化) 组件的复用 props传递数据 复用 JSX的本质 ...

  • Vue2 数据双向绑定原理解析-简易版(个人笔记)

    一、什么是 MVVM 数据双向绑定 MVVM 数据双向绑定主要是指:数据变化更新视图,视图变化更新数据,如下图所示...

  • vue 强制更新&第开销的静态组件 -17

    在vue中数据和视图层是是响应式更新的当数据发生变化的时候视图会跟着变化如果视图没有跟着数据变化一定是发生了vue...

  • 简介vue双向数据绑定

    当数据发生变化的时候,视图也就发生变化 当视图发生变化的时候,数据也会跟着同步变化 v-model v-model...

  • vue 双向绑定原理实现

    实现 mvvm 主要包含两个方面,数据变化更新视图,视图变化更新数据 Vue 数据双向绑定(即数据响应式),是利用...

  • Vue双向数据绑定原理

    什么是双向数据绑定? Vue是个MVVM框架,当数据发生变化时,视图也跟着发生变化,当视图发生变化时,数据也会跟着...

  • mysql视图笔记!

    mysql视图笔记:视图是虚表,实际数据表的映射。实际数据发生变化视图也跟着变化。当查询数据要关联多张表的时候,要...

  • mysql

    视图是一个虚表,没有物理存储(updatable view 更新视图/视图会跟着table数据的变化而变化) my...

  • Vue2和Vue3响应式原理对比剖析

    响应式的过程 1.知道收集视图依赖了哪些数据2.感知被依赖数据的变化3.数据变化时,自动“通知”需要更新的视图部分...

网友评论

      本文标题:数据变化,视图没变化

      本文链接:https://www.haomeiwen.com/subject/yszbnktx.html