vue接口多个参数多个组件互动导致数据渲染混乱bug

问题 :

当接口参数太多时候, 组件太多的时候, 参数变化条件很多的时候

会出现事件队列混乱, 数据混乱

解决方法 :

1. 减少事件队列, 接口直接写到渲染数据的组件里, 不让接口数据在其它组件再传到渲染数据的组件里

2. 尽量不要使用vuex传参, 直接使用兄弟组件传参, 可以更直观的看到事件队列执行顺序

3. 判断数据渲染的条件, 要细心耐心, 做好条件判断再渲染数据

4. 当数据走到哪一步, 一定要打印出来看一看, 一个也不能丢掉

5. 接口要使用带参数的接口方法, 这样就可以控制具体参数来请求数据

6. 每次更新接口返回数据, 要判断时机清空之前的数据

vue接口多个参数多个组件互动导致数据渲染混乱bug相关推荐

关于antd table组件中，数据渲染条数跟后台传入数据不一致的问题
如果出现表格数据渲染跟后台传过来的数据的条数不一致的情况,绝大概率的rowkey的问题. 我这边当时调试的时候,后台的数据我是存在store中的,包括在table重新渲染的时候,我这边传过来的数据 ...
vue 点击事件传递多个参数_Vue子组件监听事件中传递参数的方法
在子组件中,我们可以通过以下方式监听事件: v-on:click="$emit('funcName',a)" 如果需要传多个参数,可以通过以下方式: v-on:click=&quo ...
vue路由参数改变，组件数据没重新更新问题
最近一段时间在用vue做项目,遇到一个很纠结的问题,本来是两个页面样式结构相似,就是数据不同,所以在router里面配置了一个id参数,发现vue路由参数改变,组件数据没重新更新,查了一下官方文档,发 ...
vue 子页面调用父页面的参数_Flutter子组件调用父组件方法修改父组件参数
子组件调用父级组件方法的主要实现是父组件给子组件传入一个方法,然后在子组件中调用父级方法来修改父级的参数.看一下效果图父级组件实现在父级组件中写一个_editParentText的方法来修改组件中 ...
vue+element tree(树形控件数据格式)组件(1)
vue+element tree(树形控件数据格式)组件(1), 最近做了第一个组内可以使用的组件,虽然是最简版,也废了不少力.各位前辈帮我解决问题,才勉强搞定.让我来记录这个树形组件的编写过程和期间 ...
Vue父组件和子组件之间传递数据
Vue父组件和子组件之间传递数据 klmhly 已关注 2018.05.19 19:56* 字数 367 阅读 23评论 0喜欢 0 一.概念解析挂载点: Vue实例的el属性对应的id,vue只会 ...
vue 子级拿值_vue 父组件通过$refs获取子组件的值和方法详解
前言在vue项目中组件之间的通讯是很常见的问题,同时也是很重要的问题,我们大致可以将其分为三种情况: 父传子:在父组件中绑定值,在子组件中用props接收子传父:在父组件中监听一个事件,在子组件中 ...
vue iframe 中写script_vue: 单文件组件 render函数
使用vue-cli创建的vue项目,如何在这种项目中使用组建? 首先创建项目.启动项目我们再来了解一下目录结构,src文件夹是写逻辑代码的地方,public是最终渲染到浏览器的地方. 在public ...
WEB前端 vue学习二组件之间的数据传递
Vue 的组件作用域都是孤立的,不允许在子组件的模板内直接引用父组件的数据.必须使用特定的方法才能实现组件之间的数据传递. 首先用 vue-cli 创建一个项目,其中 App.vue 是父组件,com ...

vue接口多个参数多个组件互动导致数据渲染混乱bug

vue接口多个参数多个组件互动导致数据渲染混乱bug相关推荐

最新文章

热门文章