vue.js - Vue Apollo - 收到查询数据后响应的最佳实践
问题描述
我的应用程序中有一个表格组件,我希望根据计算(窗口高度 - (menuHeight + footerHeight)自动调整其高度。menuHeight 是我的 apollo 缓存中的本地数据,需要在我的表格组件中接收查询. 这个计算需要在 2 种情况下运行:
- 当收到阿波罗数据时
- 任何时候窗口高度发生变化
我需要帮助确定满足两者的最佳方法。计算属性满足第一个但不会随着窗口高度变化(img 1)而更新,并且使用方法和事件侦听器(img 2)更新适用于第二种情况,但我不知道一旦阿波罗数据是如何运行它收到或更改,因为我不能只在 mount 或 beforeUpdate 生命周期中运行该方法。
解决方案
您可以使用watch
(请参阅此处的 Vue 文档):
watch: {
ui(newValue, oldValue) {
resizeTableHeight() // or whatever...
}
}
推荐阅读
- python - Pandas 合并和合并行
- react-native - TouchableOpacity 未在博览会上触发本机反应
- performance - 为什么从网络驱动器加载猫鼬包非常慢?
- c# - 水平连接列表 C#
- php - 提供消息时,Phpunit `markTestIncomplete` 打印 I
- javascript - express.js 从 mysql 数据库中检索用户名不会重定向到登录页面
- java - 简单的 JFileChooser FileFilter 不起作用
- php - Wordpress 插件:反向代理静态文件
- go - 编辑内存中的 zip 文件
- function - 我应该如何阅读有关递归的代码?