父组件异步传值给子组件，子组件监听到了数据但是视图没有更新

• Z时代
• 2024-01-10
• 分类：技术分享

为了方便，我二次封装了el-table，通过json形式传值，子组件中用watch监听父组件通过axios异步请求到的表格数据，但是在子组件的监听中打印了三次，第三次才获取到数据，


而且，视图有关操作的部分已经呈现了，就是数据渲染不上。。

望大佬们能告知为啥会log三次并且视图没有实时更新

回答

Q1: 为什么log 3 次？
Answer：第一次是因为 immediate:true, 第二次应该是父组件里，你将 tableBody 赋值成空数组（大胆假设的，你可以贴上来代码看看），第三次是因为 tableBody 被赋值成一个新值

Q2:视图为什么没有实时更新？
主要是因为 tableBodyCopy 是个数组，参考官网

第一次应该是immediate触发的，第二次可能你在哪里初始化了，代码不全也看不出来

以上是 父组件异步传值给子组件，子组件监听到了数据但是视图没有更新 的全部内容， 来源链接： utcz.com/a/38589.html