vue.js - 当子组件请求父组件更新数据后,切换至另外一个子组件的table中,发现没有渲染出来数据,为什么会出现这种情况?

查看:642
本文介绍了vue.js - 当子组件请求父组件更新数据后,切换至另外一个子组件的table中,发现没有渲染出来数据,为什么会出现这种情况?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

请移步至:https://jsfiddle.net/Zhangyil...

当你添加时间戳后,就恢复正常了。。。为甚么呀?

解决方案

目前看来是由于两个表格的数据来源于同一个数组,你刷新改变时就会同时影响两个表格的数据。
在element ui源码中有看到这样一个判断,

if (this.$el) {
  this.isHidden = this.$el.clientWidth === 0;
}

isHidden字段就决定了el-table--hidden是否添加,我认为两个表格的数据应指向不同的数组为好,以上分析希望能帮到题主。

这篇关于vue.js - 当子组件请求父组件更新数据后,切换至另外一个子组件的table中,发现没有渲染出来数据,为什么会出现这种情况?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆