vue2中有没有仅在父组件写好代码，不需要修改子组件代码就能让子组件自动触发的方式？

作者站长头像
站长
· 阅读数 19

假设有

父组件A > 子组件B > 子组件C

现在有一个值height仅在父组件A中使用，但是子组件B、C的加载或更新都可能导致这个值height发生变化有没有一种方法可以把代码集中写到父组件A中，不管父组件A有多少个子组件或子子组件，当这些子组件发生更新时，自动触发height的更新

注意所有的代码都在父组件A中，其子组件不添加代码（不能使用state或inject）

回复
1个回答
avatar
test
2024-07-10

父组件使用MutationObserver（不考虑兼容问题可以用）监听到dom结构变化，此时去更新父组件的height。如果再简单粗暴一点，定时器

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容